In my app, after a user logs in, I set the root page as shown below. This page has a menu icon on the left of the navbar to display the menu. How can I animate the page transition?
this.nav.setRoot(AccountsPage);
When I use this.nav.push I get a nice transition but also the “Back” button instead of the menu icon on the AccountsPage (not desirable).
In ionic 3, I find that the reason push() works, but not setRoot() is because push doesn’t require {animate: true} while setRoot does. So make sure you mention {animate: true} for animation options like this
The proposed solution allows to animate a single setRoot.
What if I have more than one setRoot to animate?
Is there a way to set a default behavior for every setRoot?