如何在ionic 4中实现后退按钮功能？

Question

正如我们所知，在ionic 4中，它们用NavigationForward和NavigationBack代替了push和pop功能。但是通过使用这种方法，我无法获取状态栏中的返回按钮。有谁知道如何在ionic 4中实现后退按钮？

Answer 1

在HTML中，转到ion-toolbar标记内的ion-header标记，然后将后退按钮添加为

<ion-buttons slot="start">
   <ion-back-button></ion-back-button>
</ion-buttons>

这将在页面的左上角添加一个后退按钮，单击该按钮将带您到上一条路线。

有关后退按钮的更多配置，请查看https://ionicframework.com/docs/api/back-button/上的Ionic v4.0官方文档

Answer 2

看起来可能存在一个问题，您需要提供一个defaultHref属性才能显示此属性。从表面上看，这似乎很烦人，但我想它的确使您考虑了每个页面的导航路径。不理想，但也不可怕。

https://forum.ionicframework.com/t/ionic-4-back-button-angular/137866/18

Answer 3

能否请您尝试在ion-toolbar中添加后退按钮。

 <ion-buttons slot="start">
      <ion-back-button defaultHref=""></ion-back-button>
  </ion-buttons>