What’s the best way to trigger an animation when s...

# compose

[cah]

What’s the best way to trigger an animation when something is composed for the first time? Did I miss an animation api

The specific use case here is a graph where the bars animate up

[Alexander Zhirkevich]

In such cases i usually do

var visible by rememberSaveable { mutableStateOf(false) }

LaunchedEffect(0){
    visible = true
}

AnimatedVisibily(visible = visible){

}

[cah]

Yeah this is what I’ve got at the moment feels a bit heavy handed

[Ian Lake]

There's the animateEnterExit modifier, which lets you write a custom animation for a single child / set of children that is part of a larger screen: https://developer.android.com/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)

[Ian Lake]

That assumes you're using something like AnimatedContent or APIs built on top of it like NavHost to show your screen though

[Albert Chang]

It's better to use

val visibleState = remember {
    MutableTransitionState(false).apply { targetState = true }
}
AnimatedVisibility(visibleState = visibleState) { ... }

[Alexander Zhirkevich]

Doesn't this method recall animation on configuration change?

[Albert Chang]

You can write a saver then.