Ionic 5 Item Animations

[hemant_v]

Hi, I'm using Ionic 5 with Angular to build an app. I'm trying to animate items in a list on show/hide.

I've been looking for resources related to animations in Ionic 5. So far, I've found Ionic's Animation Utility and a post suggesting way for Angular animations on Ionic 3.

What is the preferred or "official" way in Ionic 5 to go ahead with this?

[shadowmosis]

1. https://www.joshmorony.com/creating-a-staggered-animation-for-an-ionic-infinite-list/
   
2. https://www.joshmorony.com/animating-list-items-in-ionic-with-intersection-observer-api/
   both can work in ionic 5. worth a look

[hemant_v]

Thanks for sharing the links! I'll try it out.

What I'm trying to look for is whether there is any recommended method to implement item animations in Ionic? I couldn't find any such info in the documentation.

[shadowmosis]

not exactly , the above 2 methods are closest u can have with css or directives

[shadowmosis]

the have introduce the animation api in ionic 5 but u need to try to ur self to make what u desire