如何在 ionic 4 中实现后退按钮功能?
How to implement Back button functionality in ionic 4?
正如我们所知,在 ionic 4 中,他们用 navigateForward 和 navigateBack 替换了 push 和 pop 功能。但是通过使用这种方法,我无法在状态栏中获得返回按钮。有人知道如何在 ionic 4 中实现后退按钮吗?
能否尝试在 ion-toolbar 中添加后退按钮。
<ion-buttons slot="start">
<ion-back-button defaultHref=""></ion-back-button>
</ion-buttons>
在您的 HTML 中,转到 ion-header
标签内的 ion-toolbar
标签并将后退按钮添加为
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
这会在您页面的左上角添加一个后退按钮,点击它会带您回到上一路径。
有关后退按钮的更多配置,请查看 https://ionicframework.com/docs/api/back-button/
上的官方 Ionic v4.0 文档
看起来可能存在问题,您需要提供 defaultHref
属性才能显示它。从表面上看,这似乎很烦人,但我想它确实会让您考虑每个页面的导航路径。不理想,但也不可怕。
https://forum.ionicframework.com/t/ionic-4-back-button-angular/137866/18
正如我们所知,在 ionic 4 中,他们用 navigateForward 和 navigateBack 替换了 push 和 pop 功能。但是通过使用这种方法,我无法在状态栏中获得返回按钮。有人知道如何在 ionic 4 中实现后退按钮吗?
能否尝试在 ion-toolbar 中添加后退按钮。
<ion-buttons slot="start">
<ion-back-button defaultHref=""></ion-back-button>
</ion-buttons>
在您的 HTML 中,转到 ion-header
标签内的 ion-toolbar
标签并将后退按钮添加为
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
这会在您页面的左上角添加一个后退按钮,点击它会带您回到上一路径。
有关后退按钮的更多配置,请查看 https://ionicframework.com/docs/api/back-button/
上的官方 Ionic v4.0 文档看起来可能存在问题,您需要提供 defaultHref
属性才能显示它。从表面上看,这似乎很烦人,但我想它确实会让您考虑每个页面的导航路径。不理想,但也不可怕。
https://forum.ionicframework.com/t/ionic-4-back-button-angular/137866/18