web-dev-qa-db-fra.com

Comment implémenter la fonctionnalité du bouton Retour dans ionic 4?

Comme nous le savons, dans ionic 4, ils ont remplacé la fonctionnalité Push-and-pop par navigForward et naviguerBack. Mais en utilisant cette méthode, je ne suis pas en mesure de récupérer le bouton de retour dans la barre d'état. Tout le monde a une idée de comment implémenter le bouton de retour dans ionic 4?

ionic-frameworkionic4
5
rashmi ranjan

Dans votre code HTML, accédez à ion-toolbar tag à l'intérieur ion-header tag et ajoutez le bouton de retour comme

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

Cela ajoutera un bouton de retour dans le coin supérieur gauche de votre page et en cliquant dessus, vous reviendrez à l'itinéraire précédent.

Pour plus de configurations de bouton de retour, consultez les documents officiels Ionic v4.0 à https://ionicframework.com/docs/api/back-button/

4
Varun Sukheja

Il semble qu'il puisse y avoir un problème où vous devez fournir un attribut defaultHref pour que cela apparaisse. En surface, cela semble être une surcharge ennuyeuse, mais je suppose que cela vous fait penser aux chemins de navigation pour chaque page. Pas idéal, mais pas horrible.

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

3
BRass

pourriez-vous s'il vous plaît essayer d'ajouter le bouton de retour dans la barre d'outils ionique.

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