How to implement Back button functionality in ionic 4?

Viewed 22073

As we know In ionic 4 they replaced push and pop fucntionality with navigateForward and navigateBack. But by using this method i am not able to get back button in status bar. Any one is having any idea how to implement back button in ionic 4?

3 Answers

In your HTML, go to ion-toolbar tag inside ion-header tag and add the back button as

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

This will add a back button at top left corner of your page and clicking on it will take you to previous route.

For more configs of back-button check the official Ionic v4.0 docs at https://ionicframework.com/docs/api/back-button/

could you please trying to add back button in ion-toolbar .

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