Practical Compose Navigation with a Red Siren
summary
Live-codes a small Compose app that remotely toggles a physical red siren using navigation-compose: builds a top nav, navController + NavHost routes, and a configure screen with a checkbox whose UI state uses rememberSaveable. Fixes duplicate back-stack entries with launchSingleTop and trims navigation history with popUpTo(saveState=true) plus restoreState to preserve popped screens, passes the checkbox to the show screen as a nav arg and initializes its ViewModel from SavedStateHandle. Integration into a fragment bridge works.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:12Building the app
- 3:21Adding screens
- 4:44Navigation basics
- 7:54Back stack behavior
- 9:16State preservation
- 10:40Navigation options
- 12:24Extension function
- 13:26Fixing state issues
- 16:13Hoisting state
- 19:45Passing arguments
- 22:15ViewModel integration
- 26:54Pure Compose navigation
- 29:02Legacy fragment bridge
- 30:47Closing remarks
related talks
46mExploring Navigation Libraries for Compose
02mJetpack Compose Navigation: Beyond The Basics
33mBreaking the Rules: Dynamic Navigation in Modularized Apps
36mPractical Magic with Animations in Compose
41mExploring Navigation Libraries for Compose
31mModel-driven navigation with Jetpack Compose – From zero to hero
23mComposing With Confidence
38mNavigating the future with Jetpack Navigation 3