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

  • @iqbalrivaldi2856
    @iqbalrivaldi28567 сағат бұрын

    Thank you sir, i want to suggest you make the ui clone apss like instagram or whatsapp eith jetpack compose😁

  • @mostafamohamed.
    @mostafamohamed.7 күн бұрын

    hey , thank for the video but why i dont have sharedTransitionScope when using SharedTransitionLayout ?

  • @techxyz5475
    @techxyz547525 күн бұрын

    Nice😀

  • @mfaizhussain7
    @mfaizhussain725 күн бұрын

    Your IDE is Intelli J IDEA??

  • @HoodLabs

    @HoodLabs

    25 күн бұрын

    Android studio, with new Ui.

  • @mfaizhussain7

    @mfaizhussain7

    25 күн бұрын

    @@HoodLabs Your project is KMP based Or normal compose

  • @HoodLabs

    @HoodLabs

    25 күн бұрын

    Native android project.