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?
2
-
requirement is i need back button on toprashmi ranjan– rashmi ranjan2018-09-03 12:19:49 +00:00Commented Sep 3, 2018 at 12:19
-
1beta.ionicframework.com/docs/api/back-button.Suresh Kumar Ariya– Suresh Kumar Ariya2018-09-03 13:58:13 +00:00Commented Sep 3, 2018 at 13:58
Add a comment
|
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/
1 Comment
Jean-Luc Barat
As it said in answers, don't forget
defaultHref="home" attribute unless it won't show any 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>
Comments
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.
https://forum.ionicframework.com/t/ionic-4-back-button-angular/137866/18
2 Comments
Dani
that works but what about if we are not moving between pages and we're just opening a modal (with same url we had before open it)
Dani
fixed using this github.com/ionic-team/ionic-docs/blob/… but not exactly the same