How to show animate an item view in LazyColumn on Jetpack Compose Android

by

Update for Compose 1.1.0:

Animating item position changes are now possible but deletion/insertion animations are still not possible and need to be implemented by the method I’ve explained.

To animate item position changes you just have to provide the item keys in your list by key = { it.id } and use Modifier.animateItemPlacement().

Original Answer

It is not officially supported yet but they are working on it. You can probably achieve it but in a hacky way.

When your list updates, your composable is recreated and it doesn’t support animations for items yet, so you have to add a boolean variable on your item and change the value when it’s “deleted” instead of removing it from the list. Once the updated list is shown, you can animate the item being removed with a delay and then update the list without it once the animation is over.

I have not personally tested this method so it might not work as expected but that’s the only way I can think of with lazy lists not supporting update animations.

More Related Contents:

  1. Jetpack Compose – Order of Modifiers
  2. Why a new ViewModel is created in each Compose Navigation route?
  3. Why the view keeps flashing when using jetpack navigation with Compose?
  4. How to get activity in compose
  5. How to handle one-shot operations in Jetpack Compose?
  6. Pass Parcelable argument with compose navigation
  7. Jetpack Compose Text hyperlink some section of the text
  8. Jetpack Compose how does SubcomposeLayout work?
  9. Jetpack Compose Smart Recomposition
  10. How can I get onTouchEvent in Jetpack Compose?
  11. Android Jetpack Compose width / height / size modifier vs requiredWidth / requiredHeight / requiredSize
  12. Is there a way to increase a Composable size by chaining with another Modifier?
  13. How to get exact size without recomposition?
  14. Content padding parameter it is not used
  15. Scoping States in Jetpack Compose
  16. What is the equivalent of [NestedScrollView + RecyclerView] or [Nested RecyclerView (Recycler inside another recycler) in Jetpack compose
  17. How to get preview in composable functions that depend on a view model?
  18. AppCompatActivity instead of ComponentActivity in Jetpack compose
  19. Error when adding buildFeatures in build.gradle file
  20. ViewTreeLifecycleOwner not found from DecorView@2da7146[MyActivity]
  21. Passing URL as a parameter to Jetpack Compose Navigation
  22. How to achieve a staggered grid layout using Jetpack compose?
  23. How to disable and enable scrolling in LazyColumn/LazyRow in Jetpack Compose?
  24. How to pass id and application to a viewModel/viewModelFactory in Jetpack Compose?
  25. Jetpack Compose Navigation loads screen infinitely
  26. How to clip or cut a Composable?
  27. Exposed drop-down menu for jetpack compose
  28. When should I use Android Jetpack Compose Surface composable?
  29. Show custom alert dialog in Jetpack Compose
  30. What does Jetpack Compose remember actually do, how does it work under the hood?

Leave a Comment