Jetpack Compose：如何从多个底部标签页导航至同一详情页？

你的问题核心是：把公共详情页注册到每个子导航图后，进入详情页时底部tab会自动切换到最后注册该页面的子导航图对应的tab——这是因为NavController会将公共页的路由关联到最后注册它的那个导航图。

正确实现方案：将公共详情页提升到根导航图 #

1. 调整导航图结构 #

把公共详情页从所有子导航图中移除，统一注册到根导航图下：

• 先从各个子导航图（比如scheduleGraph、newsGraph等）里删掉commonDestinations(navController)这行代码
• 在根导航图中添加公共详情页：

fun NavGraphBuilder.rootGraph(navController: NavController) {
    // 保留原来的底部导航子图
    homeGraph(navController)
    // 把公共详情页加到根图里
    commonDestinations(navController)
}

2. 修复底部Tab的选中状态判断 #

现在需要让公共详情页展示时，保持当前选中的tab不变，修改底部栏的选中逻辑：

// 先定义公共详情页的路由集合，方便判断
val commonDestinationRoutes = setOf(
    SearchRoutes.Schedule.route,
    // 把所有公共详情页的路由都加进来
)

BottomBar(...){
    // 用remember保存之前选中的tab路由，避免状态丢失
    val selectedRoute = remember { mutableStateOf(HomeRoutes.homeRoutes.first().route) }

    HomeRoutes.homeRoutes.forEach { destination ->
        val isSelected = if (currentDestination?.hierarchy?.any { it.route in commonDestinationRoutes } == true) {
            // 如果当前在公共详情页，保持之前选中的tab
            selectedRoute.value == destination.route
        } else {
            // 正常匹配当前路由
            currentDestination?.hierarchy?.any { it.route == destination.route } == true
        }

        BottomTab(
            // UI相关属性
            selected = isSelected,
            onClick = {
                selectedRoute.value = destination.route
                navController.navigate(destination.route) {
                    popUpTo(navController.graph.findStartDestination().id) {
                        saveState = true
                    }
                    launchSingleTop = true
                    restoreState = true
                }
            }
        )
    }
}

3. 跳转公共详情页的方式 #

从任何子页面跳转时，直接调用常规的navigate方法即可，比如：

// 在ScheduleScreen里跳转公共详情页
navController.navigate(SearchRoutes.Schedule.route)

这样调整后，从任意tab进入公共详情页时，底部tab会保持当前选中状态，完全符合你期望的导航逻辑。

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