Jetpack Compose Tutorial: New Type-Safe Navigation & Shared Element Transitions
Hello everyone, and welcome back!
In today's video, we're diving into some exciting new concepts in Jetpack Compose that were highlighted at Google I/O 2024. We'll explore how to implement type-safe navigation and the Shared Element Transition API to create smooth and visually appealing transitions between screens.
In this tutorial, you will learn:
How to set up and use the new type-safe navigation structure in Jetpack Compose. How to implement Shared Element Transitions to create seamless animations between composables. Tips and tricks for enhancing your Jetpack Compose applications with these new features.
Want to Learn More about Jetpack Compose? Join our Comprehensive Jetpack Compose course at:
bit.ly/44wxWJ0
We'll be using a pet application with a home and detail page for demonstration purposes. You can find the source code on GitHub via the link below:
Source Code
github.com/Hoodlab/pet
Timestamps:
00:00 intro
00:36 Project walk through
02:34 Typesafe Navigation
07:41 Shared Element Transition
16:24 Outro
Пікірлер: 7
Thank you sir, i want to suggest you make the ui clone apss like instagram or whatsapp eith jetpack compose😁
hey , thank for the video but why i dont have sharedTransitionScope when using SharedTransitionLayout ?
Nice😀
Your IDE is Intelli J IDEA??
@HoodLabs
25 күн бұрын
Android studio, with new Ui.
@mfaizhussain7
25 күн бұрын
@@HoodLabs Your project is KMP based Or normal compose
@HoodLabs
25 күн бұрын
Native android project.