Where does Compose stand about Material Motion? <https://material.io/design/motion/the-motion-system...

# compose

[galex]

Where does Compose stand about Material Motion? https://material.io/design/motion/the-motion-system.html
I love the look of those transitions 😍

[matvei]

Yeah these transitions are slick!

Compose has material package, so it personally makes sense to have this transitions provided out of the box at some point in the future.

Having said that, you already can make it on your own. Take a look at the Crossfade component (source). You can copy and tweak it to add some axis motion when content is changing, for example, making it same or at least very close to material motion specs

[galex]

Awesome news! For transitions I see CrossFade is a good starting point, what about modal content?

[matvei]

By modal you mean smth like hero animation?
https://material.io/design/motion/the-motion-system.html#container-transform

[galex]

Like those ones https://material.io/design/motion/the-motion-system.html#fade when the end result is a modal Composable on top of the one where the user clicked on an item for example

[galex]

I guess I should look at AlertDialog ?

[matvei]

Maybe, but I think that CrossFade tweaking might be enough. You see, you can change CrossFade to be not only crossfade, but any enter / exit animation for appear/disappear content. To make it more like EnterExitTransition , and not Crossfade 🙂

[matvei]

And with that you can make everything from the section you've sent

[galex]

Super interesting! I think at the end if would be super helpful if we had a composable ready to use for each of the examples there, in the meantime I’d deep dive inside of CrossFade, thanks!