A modern programming language that makes developers happier.

kotlinlang

Hi, I'm trying to port my UI library <https://github.com/leinardi/FloatingActionButtonSpeedDial/> to Compose but I'm struggling to recreate the Speed Dial animation from the <https://material.io/components/buttons-floating-action-button#types-of-transitions|Material Design website> (<https://kstatic.googleusercontent.com/files/40710bf1c32cfafa7e4ee92da4f4acadadb83b875b0a5fcd8ed76278b51d6e436355cb6bf28e016101a0cb386b548391d6992ad7375bf360decfe9a24a5570c2|video of the animation>).

I tried to play with the AnimatedVisibility of the ColumnScope but I don't thin it's possible to replicate the same behavior. Not I'm trying to use coroutines to delay the visibility changes of every action item.
Is there a better way to achieve this animation?

All animations can be passed specs and most specs support `delayMillis`that you can just set with something like position * item delay.

hey thanks! I think this is way easier than messing manually with Coroutines to delay the animation!

AnimatedVisibilityScope can be used in a loop for the children of a Column to offset delays: <https://developer.android.com/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope|https://developer.android.com/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope>