I'm developing a photo app where you tap on a `Image` in an `LazyVerticalGrid` and this opens up in ...

# compose

[Stefan Oltmann]

I'm developing a photo app where you tap on a Image in an LazyVerticalGrid and this opens up in fullscreen: If a photo is open I display an Image instead of the LazyVerticalGrid . Now I want to have a animation similar to Apple Photos: The image increases it's size until it wills the whole screen and if I go back it decreases it's size back to it's position in the gallery. (I think this goes by the name "hero animation")

How can I achieve that? Does someone now a sample for that? What's a good approach for this problem?

[Albert Chang]

This is also called shared elements transition in Android. There is an experimental implementation here but I recommend you wait for the upcoming official implementation.

[Stefan Oltmann]

Thank you! 🙂