Change page transition animation Ionic Angular

Hi all,

I am looking for the easiest way to change page transitions in Ionic Angular (using the angular router).

Just to check. Angular.io gives input on how to set page transition, which requires me to think a bit too much :wink:

This link seemed usefull too for one component (which is a requirement for me as well). But will have to test in Ionic5/angular (I assume it will work):

And https://www.joshmorony.com/create-a-custom-modal-page-transition-animation-in-ionic/ to the point of a modal

Any other pointers to great resources on this topic?

To what extend does Ionic actually define the transition in Ionic Angular?

Regards

Tom

1 Like

If you want to change the Animation all over the app, you can set the navAnimation in the Ionic Config. For a specific page-change, you can pass the animation in the NavigationOptions of the NavController.

Hi @EinfachHans !
Thanks for the prompt reply and pointers. Will experiment and give feedback. Indeed looking for more fine-grained control on navigation animation - not the global setting.
Regards
Tom

Pretty nice example here