I need implement animation of lazy column. The ev...

# compose

[Mathew xu]

I need implement animation of lazy column. The every item of lazy column will fast out from the bottom then slow in to the top. It will play the animation when the new item will be added in lazy column, but the existed item will keep still. I try it with animatewith state, but i failed. Does anyone know how to do it. are there some library can do it?. I searched it on GitHub, but failed to find it.

[Chris Sinco [G]]

Do you have a video or screencast example that shows what animation you are trying to achieve?

[Chris Sinco [G]]

The challenge with LazyColumn is that existing items will be recreated and composed for the first time as they enter/exit the viewport, so maintaining animation state can be trickier if you are trying to avoid reanimating items that have already been shown.

[Mathew xu]

Here，the animation, thanks， every item just fast out from the bottom then slow in to the top.

添加设备交互-蓝牙.mov

[Chris Sinco [G]]

Gotcha. You might be able to achieve this with the experimental modifier animateItemPlacement

[Chris Sinco [G]]

This article explains some basic usage: https://fvilarino.medium.com/exploring-jetpack-compose-lazylist-animations-a3f97c91c2dd

[Chris Sinco [G]]

This is also a useful demo to reference which relies just on AnimatedVisibility: https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]on/demos/layoutanimation/AnimatedVisiblilityLazyColumnDemo.kt

[Mathew xu]

thanks, with your support, I sovled the problem perfectly. Thanks a lot.

[Qamar Khan]

@Mathew xu could you please share the solution how you did the animation. i am looking same animation for my project