0PricingLogin▼
Jetpack Compose Academy · Lesson

updateTransition for Coordinated Motion

Animate several values from one state.

Animate Many Values Together

When several properties should change as one state shifts, you want them in sync. updateTransition coordinates many animations from a single state. ✨

Start From a State

Create a transition by handing updateTransition your current state. Compose watches it and drives every child animation when the state changes.

val transition = updateTransition(targetState = expanded)

All lessons in this course

  1. animate*AsState for Simple Tweens
  2. AnimatedVisibility & Crossfade
  3. updateTransition for Coordinated Motion
  4. Gesture-Driven Animations
← Back to Jetpack Compose Academy