Jetpack Compose Academy · Lesson

AnimatedVisibility & Crossfade

Animate appearance and content swaps.

Animating What Appears

Sometimes you want content to slide or fade in rather than pop. AnimatedVisibility animates a Composable as it enters and exits the screen. ✨

Give AnimatedVisibility a boolean and a content lambda. When the boolean flips, it animates that content in or out for you.

AnimatedVisibility(visible = show) {
  Text("Hello!")
}