Как реализовать функциональность кнопки «Назад» в ionic 4?

Question

Как мы знаем, в ionic 4 они заменили функциональность push и pop на navateForward и navigateBack. Но с помощью этого метода я не могу получить кнопку назад в строке состояния. Кто-нибудь имеет какие-либо идеи, как реализовать кнопку назад в ионной 4?

Answer 1

В вашем HTML, перейдите к тегу ion-toolbar внутри тега ion-header и добавьте кнопку возврата как

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

Это добавит кнопку возврата в верхнем левом углу вашей страницы, и нажатие на нее приведет вас к предыдущему маршруту.

Для получения дополнительной информации о кнопках «назад», смотрите официальные документы Ionic v4.0 по адресу https://ionicframework.com/docs/api/back-button/

Answer 2

Похоже, может быть проблема, когда вам нужно указать атрибут defaultHref, чтобы это отобразилось. На первый взгляд это раздражает, но, думаю, заставляет задуматься о путях навигации для каждой страницы. Не идеально, но не ужасно.

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

Answer 3

Не могли бы вы, пожалуйста, попытаться добавить кнопку назад на ионной панели инструментов.

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