<https://twitter.com/rodriidev/status/142033084375...

# compose

[Rodri Represa]

https://twitter.com/rodriidev/status/1420330843755663361

[Colton Idle]

How you get that animation from top to bottom?

[Colton Idle]

This specifically. Where it comes up?

[Bryan L]

Looks like AnimatedVisibility (docs) really cool & smooth! I like it 🙂

[Rodri Represa]

Exactly! I use these params

AnimatedVisibility(
        visible = bottomBarState.subCategoriesVisibility,
        enter = slideInVertically(
            // Slide in from 40 dp from the top.
            initialOffsetY = { with(density) { 40.dp.roundToPx() } },
            animationSpec = tween(durationMillis = 300, easing = LinearEasing)
        ) + fadeIn(
            // Fade in with the initial alpha of 0.3f.
            initialAlpha = 0.3f
        ),
        exit = slideOutVertically(
            targetOffsetY = { with(density) { 40.dp.roundToPx() } },
            animationSpec = tween(durationMillis = 300, easing = LinearEasing)

        ) + fadeOut(
            animationSpec = tween(durationMillis = 300, easing = LinearEasing)
        )
    ) {
       ...
}