A modern programming language that makes developers happier.

kotlinlang

Screenshot 2022-08-19 191548.png

I have two composables need to apply transition(slide In/Out) between them, I show/hide them as following:
``` when (loginUiState) {
     is LoginEmailUiState -&gt;
        LoginEmailPassContainer(loginUiState)
     is ResetPasswordUiState -&gt;
        ResetPasswordContainer(loginUiState)
}```
How I can achieve that?

`AnimatedContent` This is the way :mandalorian:
<https://developer.android.com/jetpack/compose/animation#animatedcontent>

You could start with default:
```AnimatedContent(targetState = loginUiState) { state -&gt;
   when (state) {
     is LoginEmailUiState -&gt;
        LoginEmailPassContainer(state)
     is ResetPasswordUiState -&gt;
        ResetPasswordContainer(state)
   }
}```
And then tweak `transitionSpec` as needed, see docs above :point_up:

Also you can check
AnimatedVisibility with <https://developer.android.com/reference/kotlin/androidx/compose/animation/EnterTransition|EnterTransition> and <https://developer.android.com/reference/kotlin/androidx/compose/animation/ExitTransition|ExitTransition>
<https://developer.android.com/jetpack/compose/animation#animatedvisibility>