[AnimatedContent] is a container that automatically animates its content when [targetState] changes.

AnimatedContent

defines whether the content should be visible

visible

modifier for the [Layout] created to contain the [content]

modifier

EnterTransition(s) used for the appearing animation, fading in while expanding by     default

enter

ExitTransition(s) used for the disappearing animation, fading out while    shrinking by default

exit

Content to appear or disappear based on the value of [visible]  @see EnterTransition @see ExitTransition @see fadeIn @see expandIn @see fadeOut @see shrinkOut @see AnimatedVisibilityScop

content

[AnimatedVisibility] composable animates the appearance and disappearance of its content, as [visible] value changes.

AnimatedVisibility

is a key representing your target layout state. Every time you change a key the animation will be triggered. The [content] called with the old key will be faded out while the [content] called with the new key will be faded in.

targetState

Modifier to be applied to the animation container.

the [AnimationSpec] to configure the animation.

animationSpec

An optional label to differentiate from other animations in Android Studio

label

[Crossfade] allows to switch between two layouts with a crossfade animation.

Crossfade

Transition definition that defines states and transitions

definition

toState

Optional animation clock that pulses animations when time changes. By default,     the system uses a choreographer based clock read from the [AnimationClockAmbient].     A custom implementation of the [AnimationClockObservable] (such as a     [androidx.compose.animation.core.ManualAnimationClock]) can be supplied here if there’s a need to     manually control the clock (for example in tests).

clock

Optional initial state for the transition. When undefined, the initial state      will be set to the first [toState] seen in the transition.

initState

An optional listener to get notified when state change animation         has completed

onStateChangeFinished

The children composables that will be animated  @see [TransitionDefinition

children

__Deprecated:__ [Transition] has been deprecated.

Transition

We extracted all components found in the Compose Animation library in one place. Explore all available and add them to your project.

Jetpack Compose Compose Animation components

Bring your next idea to life with Compose UI