Ionic 5 Animations Controller & Custom Page Transitions

Let's explore the Ionic 5 Animations API to animate simple objects and even build custom page transitions!

#############################

👨‍💻Want to read instead of watch?

🤷‍♂️Want more Ionic tutorials?

⚡️Take my 7 Day Ionic 4 Crash Course

#############################

❤️You can also find me...

#############################

[marcelocch]

FINALLY! Simon you are a beast! I was waiting for a video with the Page transitions topic and I love it!
Amazing, thanks!

[oliver]

Hi guys when i want to build its says Error during template compile of 'fancyAnimation'
Function expressions are not supported in decorators can you
Consider changing the function expression into an exported function.
help me ?

[mdrakibul]

Please do some advanced tutorial on Ionic React

[jicarrozzo]

Dude!! great video!! 100% yes.. more videos about this!!!

[Mewain]

Yes ! Thank you so much i was waiting for this video !

[DheerajKhokharkumar]

@Simon Grimm Is it possible to change the animation direction defending on the active page?. Example First Page --> Second direction forward, Second Page --> Third Page direction Backward.

[practicaluseof]

Hi Simon, Really love your videos. Thanks

[MrGhosTRideRrR]

Awesome vid, can you help me? why does opacity work but transform translate doesnt work

[Ttvmushygushy]

this tutorial is fire good looks my brutha

[luismpcunha]

Great video, how would it be a good way to implement shared element transitions with this approach? Similar to what the Play Store does with images.

[codingtyphoon]

@SimonGrimm I love your work. your style of explaining is best can you make a video on Shared Animation with list items on ionic it would be very helpful

[Channel-kcpx]

hi simon and thanks for this tutorial,
did you find any solution to make it works in iOS ?

[KonstantinStanchev]

Thanks for the video, Simon! And congrats on the 30K Subs! 100K soon! :))

[mitpatel]

Hey Simon, Thanks for such a great video... Can you make Video for handle device back button and back navigation by Hardware button?

Excelent Simon, allways strait to the point and usefull. I was wonder if this can be apply to Ion-tab as well, i tried with all my poor knowlege on Ionic and acomplished nothing xD

[Vignesh-mc]

my code is ionic 5 in my project it

nav-animation.ts file is not invoked and no console was not printed

would you know why or is there any solution for that

[koustavsarkar]

@SimonGrimm I greatly appreciate your work. your style of explaining is really awesome can you make a video on Shared Animation with list items on ionic it would be very helpful

[dannuugomez]

Nice tutorial but
How can I make the animation in when browsing tabs?
I cannot detect the change of tabs.

[daniele.ragone]

Hi Simon, is possible use different transition for each ionic page?

[mohitaranwa]

Hey hi Simon,
Thanks for the video. Loved it!
So when I tried running the animation on my browser, I am getting this error-
"core.js:6241 ERROR TypeError: Cannot read property 'play' of undefined
at HomePage.toggleAnimation"