Let s say a composable is about to enter added to the tree h

Question

Let s say a composable is about to enter added to the tree how can I animate it s enter transition Is there something similar to transition modifier like swiftUI

Doris Liu · Answer

AnimatedVisibility <https developer android com jetpack compose animation> The video on top of the page would help if you are not familiar with the content on that page slightly smiling face

Shakil Karim · Answer

< Doris Liu> Is there any example of z index animation + Slide in Slide out when transition from one screen to another like IOS have

Doris Liu · Answer

< Shakil Karim> screen level enter exit animations are ongoing work smile Though I m very curious about the z index animation that you are referring to Could you share a demo of that

Shakil Karim · Answer

< Doris Liu> Sorry I meant parallax effect like in this video

Doris Liu · Answer

I see The exiting screen slides out slower than the entering one That should be doable if we support independent enter exit transition for each screen slightly smiling face Thanks for sharing pray

Shivam Sethi · Answer

Thanks for these references smile

Shivam Sethi · Answer

Okay I tried animated visibility it is not working All I want it just animate enter transition on a composable

Doris Liu · Answer

Can you share a code snippet

Doris Liu · Answer

You ll probably need to do something like `AnimatedVisibility visible = true initiallyVisible = false ` to just show an enter transition slightly smiling face

Shivam Sethi · Answer

hmm I am doing exactly this but this results in not showing anything to the screen

Doris Liu · Answer

Does the composable show up without being wrapped in `AnimatedVisibility`

Shivam Sethi · Answer

yes but when I wrap it then nothing shows up

Shivam Sethi · Answer

here is the code screenshot for that composable that I want to animate transition

Doris Liu · Answer

That looks correct Is this `AnimatedVisiblity` happen to be nested in another `AnimatedVisibility` Are you using emulator or studio preview

Shivam Sethi · Answer

I am using physical android device and no it is not nested in another `AnimatedVisibility` Its top level composable `HomeScree` just initializes a `viewModel` and pass the desired data down to this composable

Doris Liu · Answer

What version of compose are you using beta01 beta02

Shivam Sethi · Answer

just updated to beta02

Doris Liu · Answer

If you could isolate the issue in a minimal repro case I m happy to take a look slightly smiling face

Shivam Sethi · Answer

I probably will not be able to do that currently but will try later on thank you very much for answering by the way

Shivam Sethi · Answer

would you recommend something like this for time being as replacement for `AnimatedVisibility` for enter transition

Doris Liu · Answer

If that works for you it s a valid option slightly smiling face

Shivam Sethi · Answer

Thanks yes it works just thought If it would be valid to do like this