Any suggestions on how I could farther make this animation nicer? ```if (targetState == SettingsDest...

# compose

[zt]

Any suggestions on how I could farther make this animation nicer?

if (targetState == SettingsDestination.Main) {
    slideInHorizontally { width -> -width } + fadeIn() with fadeOut()
} else {
    slideInHorizontally { width -> width } + fadeIn() with fadeOut()
}

device-2022-10-18-213014.webm

[Chris Sinco [G]]

A couple suggestions to try:
• Make the title (Settings/General) animate the same as its content
• Speed up the fadeOut of the exiting content - in the video if you slow it down it looks like some content is being clipped

[Chris Sinco [G]]

In general you can also look at this guideline for inspiration: https://m2.material.io/design/motion/the-motion-system.html

[efemoney]

Circuit has a transition that mirrors the android activity transition, you can probably tweak it a bit to fit. One trick in that snippet is to disable clipping on the transition also

[andrew]

Also, if you move the background contents a third of what the new foreground moves, that can work too

[andrew]

similar to this I threw together months ago

screen-20220404-181351.mp4