如何在Jetpack Compose中调用主导航图外的嵌套导航图

要在保留嵌套导航图结构的前提下，让底部栏对应BottomBarGraph的导航逻辑，你需要调整导航图的组织方式，把底部栏的所有页面都纳入BottomBarNavGraph，并让HomeScreen使用外层嵌套图的导航控制器，而非创建局部控制器。

步骤1：扩展BottomBarNavGraph，包含所有底部栏页面 #

把底部栏对应的Home、Profile、Settings页面都注册到BottomBarNavGraph这个嵌套图中，让它统一管理底部栏的所有导航：

// BottomBarNavGraph.kt
fun NavGraphBuilder.bottomBarNavGraph(
    navController: NavHostController
){
    navigation(
        startDestination = BottomBarScreen.Home.route,
        route = BOTTOM_BAR_ROUTE
    ){
        // 底部栏的三个页面都归到这个嵌套图里
        composable(route = BottomBarScreen.Home.route) {
            HomeScreen()
        }
        composable(route = BottomBarScreen.Profile.route) {
            ProfileScreen() // 替换为你的Profile页面实现
        }
        composable(route = BottomBarScreen.Settings.route) {
            SettingsScreen() // 替换为你的Settings页面实现
        }
    }
}

步骤2：修改HomeScreen，使用外层导航控制器 #

HomeScreen不需要自己创建rememberNavController()，而是通过LocalNavController获取外层嵌套图的导航控制器，这样底部栏的跳转直接操作BottomBarNavGraph的导航栈：

// HomeScreen.kt
@Composable
fun HomeScreen() {
    // 获取外层嵌套图的导航控制器
    val navController = LocalNavController.current
    Scaffold(
        bottomBar = { BottomBar(navController = navController)}
    ) { paddingValues ->
        // 这里放置HomeScreen的内容，记得用paddingValues避免被底部栏遮挡
        Text(
            text = "首页内容",
            modifier = Modifier
                .padding(paddingValues)
                .fillMaxSize()
                .wrapContentSize()
        )
    }
}

@Composable
fun BottomBar(navController: NavHostController){
    val screens = listOf(
        BottomBarScreen.Home,
        BottomBarScreen.Profile,
        BottomBarScreen.Settings
    )

    val navBackStackEntry by navController.currentBackStackEntryAsState()
    val currentDestination = navBackStackEntry?.destination
    
    BottomNavigation {
        screens.forEach { screen->
            BottomNavigationItem(
                icon = { Icon(screen.icon, contentDescription = screen.title) },
                label = { Text(screen.title) },
                // 判断当前是否选中该页面
                selected = currentDestination?.hierarchy?.any { it.route == screen.route } == true,
                onClick = {
                    // 跳转时配置返回栈，避免重复创建页面实例
                    navController.navigate(screen.route) {
                        popUpTo(BOTTOM_BAR_ROUTE) { saveState = true }
                        launchSingleTop = true
                        restoreState = true
                    }
                }
            )
        }
    }
}

// 定义底部栏页面的密封类（如果还没定义）
sealed class BottomBarScreen(
    val route: String,
    val title: String,
    val icon: ImageVector
) {
    object Home : BottomBarScreen("home", "首页", Icons.Default.Home)
    object Profile : BottomBarScreen("profile", "我的", Icons.Default.Person)
    object Settings : BottomBarScreen("settings", "设置", Icons.Default.Settings)
}

关键说明 #

• 所有底部栏相关页面都归属于BottomBarNavGraph，完全符合你保留嵌套结构的需求，导航逻辑被封装在这个嵌套图内，和其他导航图（如AuthenticationGraph）隔离。
• 使用外层导航控制器而非局部控制器，确保底部栏的跳转操作的是BottomBarNavGraph的导航栈，和全局导航逻辑一致。
• 跳转时的popUpTo、launchSingleTop配置，保证点击底部栏图标时不会重复入栈，返回栈行为符合预期。

外层导航图的调用示例 #

确保你的根导航Host正确包含BottomBarNavGraph：

NavHost(
    navController = rootNavController,
    startDestination = AUTH_ROUTE // 认证导航图的route
) {
    authNavGraph(rootNavController) // 你的认证嵌套导航图
    bottomBarNavGraph(rootNavController) // 底部栏嵌套导航图
}

内容的提问来源于stack exchange，提问作者Steve_G