Beyond Basics: Fluid Image Transitions & Gesture Sync in Compose

Learn how to elevate your Jetpack Compose animations by building a smooth, gesture-driven transition from a card to a full-screen modal. In this talk, we’ll explore advanced techniques for creating seamless screen transitions, focusing on how to move an image from a compact card layout to a fully expanded modal while maintaining a fluid and responsive user experience.

We’ll dive into the intricacies of layering views in Compose, ensuring the image and other UI elements transition smoothly between screens. You’ll see how to synchronize animations with user gestures, such as dragging the modal down to dismiss it, and how to handle edge cases for a natural feel.

This example goes beyond the basics, showcasing how to combine Compose’s animation API, Modifier.graphicsLayer, and pointer input.

By the end of this session, you’ll have a deep understanding of how to create advanced, gesture-aware animations in Jetpack Compose, along with practical code examples you can apply to your own projects.

Perfect for developers looking to push the boundaries of Compose animations and deliver standout user experiences.