1. ホーム
  2. ionic-framework

[解決済み] ionic 4で戻るボタンの機能を実装するには?

2022-02-07 01:36:53

質問

ionic 4では、pushとpopの機能がnavigateForwardとnavigateBackに置き換えられています。しかし、この方法では、ステータスバーに戻るボタンを表示することができません。どなたか、ionic 4で戻るボタンを実装する方法をご存知でしょうか?

解決方法は?

HTMLの中で ion-toolbar タグの内側 ion-header タグを作成し、戻るボタンを以下のように追加します。

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

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

back-buttonの詳細な設定は、Ionic v4.0の公式ドキュメントをご覧ください。 https://ionicframework.com/docs/api/back-button/