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

Question

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

Answer 1

您可以尝试在 ion-toolbar 中添加后退按钮吗？

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

Answer 2

在您的 HTML 中，转到ion-toolbartag inside ion-headertag 并将后退按钮添加为

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

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

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

Answer 3

看起来可能存在一个问题，您需要提供一个defaultHref属性才能显示它。从表面上看，这似乎是令人讨厌的开销，但我想它确实让您考虑每个页面的导航路径。不理想，但也不可怕。