如何在 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