Compose Navigation Nested Graph Guide - Auth Flow & BottomNav

Nested Navigation Graphs in Jetpack Compose Implement complex navigation with nested graphs for auth flows and bottom navigation. Auth Graph Setup NavHost ( navController , startDestination = "auth" ) { navigation ( route = "auth" , startDestination = "login" ) { composable ( "login" ) { LoginScreen () } composable ( "signup" ) { SignupScreen () } } navigation ( route = "app" , startDestination = "home" ) { composable ( "home" ) { HomeScreen () } composable ( "profile" ) { ProfileScreen () } } } PopUpTo Inclusive for Auth navController . navigate ( "app" ) { popUpTo ( "auth" ) { inclusive = true } } BottomNav with Nested Graphs navigation ( route = "feed" , startDestination = "feed_home" ) { composable ( "feed_home" ) { FeedScreen () } composable ( "feed_detail/{id}" ) { FeedDetailScreen () } } SaveState and RestoreState NavHost ( navController ) { composable ( route = "home" , enterTransition = { slideInHorizontally () }, exitTransition = { slideOutHorizontally () } ) { backStackEntry