web-dev-qa-db-ja.com

ionic 4で戻るボタン機能を実装する方法

In ionic 4を知っているように、PushとPopの機能をnavigateForwardとnavigateBackに置き換えました。しかし、このメソッドを使用すると、ステータスバーに戻るボタンを取得できません。 ionic 4？に戻るボタンを実装するには

ionic-frameworkionic4
5
rashmi ranjan

HTMLで、ion-toolbarタグ内ion-headerタグを付けて、戻るボタンを

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

これにより、ページの左上に戻るボタンが追加され、クリックすると前のルートに移動します。

バックボタンのその他の設定については、公式のIonic v4.0 docs https://ionicframework.com/docs/api/back-button/

4
Varun Sukheja

これを表示するには、defaultHref属性を指定する必要がある問題があるようです。表面的にはこれは面倒なオーバーヘッドのように見えますが、各ページのナビゲーションパスについて考えるようになると思います。理想的ではありませんが、恐ろしいことではありません。

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

3
BRass

ion-toolbarに戻るボタンを追加してみてください。

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