IssueTracker

Jetpack Compose version: 1.7.0-beta06

Jetpack Compose component used: Animation

I'm trying to achieve a list-detail screen with a shared transition between the list and detail content. I want to be able to the fling the detail content downwards to dismiss it, returning to the list screen.

I can achieve some of this with AnimatedContent + SharedTransitionScope for the transitions, and Modifier.draggable + Animatable for the fling-to-dismiss. However, I can't figure out a good way to "continue" the fling into the shared transition. Animating the item to offset 0 works normally, but that gets ignored once the item is rendered in the transition overlay, so the velocity is lost. I've tried a few ideas for making this work, but haven't found something satisfactory, so this is basically a FR ticket for either a recommendation in the shared transition docs, or API changes to make something like this more doable.

This gist is the closest I've gotten. Aside from some messy state sharing that would need to be cleaned up in a real app, this strategy feels messy. Some problems with it:

• It violates lookahead, as the offset should always be 0 in lookahead passes but using that breaks the animation
• There seems to be a delay in the fling animation starting after dismissal
• The fling Animatable is owned by the Detail content, so if that's disposed by the AnimatedContent before the transition finishes, the animation will break