Navigation in Jetpack Compose

Learn about navigation in Jetpack Compose using the Jetpack navigation library, and best practices when implementing navigation on your app.

Happy Composing! 🥳

Transcript

1. Beatrice Kinya GDE for Android Android Engineer @ Kyosk Digital Android Author @ Kodeco
2. Navigation Jetpack Compose
3. Navigation Components - NavHost: A container where destinations are swapped in and out as a user navigates through your app. - NavController: Manages app navigation within a NavHost - Stateful - Keeps track of the back stack composables - Navigation destination: Composable screens.
4. Code
5. Co-locating Navigation Calls
6. Passing Arguments between Destinations - You add argument placeholders to your route. - By default, all arguments are parsed as Strings. - You can create a NamedNavArgument using navArgument() method and specify the type. arguments = listOf(navArgument("itemId") { type = NavType.IntType }) - You retrieve the argument from NavBackStackEntry available in the lamda of the composable() function.
7. Bottom Navigation
8. Questions