How to implement Back button functionality in ionic 4?

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

Looks like there may be an issue where you need to supply a defaultHref attribute to get this to show up. On the surface this seems like annoying overhead, but I guess it does make you think about navigation paths for each page. Not ideal, but not horrible.

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

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