Simple Item Animation with Jetpack Compose’s LazyGrid

Yasin Kaçmaz
Mar 29, 2021

As you can see in the title we will implement LazyGrid item animation using Jetpack Compose’s transition animation. Here is our LazyVerticalGrid:

When calculating delay and easing we need to access the visible items on the screen. Since LazyVerticalGrid is basically just a LazyColumn of Rows, we will be dealing with Rows instead of items.

Here is how we animate scale and alpha using transition animation:

Here is the result:

--

--

Yasin Kaçmaz

I value ideas that can touch and simplify daily lives. I am passionate about mobile technologies, UI and UX trends.