Jetpack Compose Navigation：如何在嵌套导航图的可组合项间导航？

现有导航图结构如下：

<root>
  a
    x
    y
  b
    x
    y

其中a和b是嵌套导航图（通过navigation(startDestination = "x", route = ROUTE)创建），内部都包含x和y两个可组合页面。当当前处于b/y页面时，调用navController.navigate("x")会跳转到a/x——这是因为Compose Navigation会从根导航图开始自上而下扫描，优先匹配到更早定义的a/x路由。

要实现从b/y正确导航到b/x，可以采用以下几种方法：

方法1：使用完整嵌套路由路径 #

直接指定完整的路由地址，明确指向b导航图下的x页面：

composable("y") {
    Text(text = "We're in b/y")
    Button(onClick = { navController.navigate("b/x") }) {
        Text("Go to x")
    }
}

这种方式简单直接，适合路由名称固定的场景。

方法2：动态拼接当前嵌套路由 #

如果不想硬编码父导航图的路由名称，可以通过当前返回栈条目获取父导航的路由，再拼接目标路由：

composable("y") {
    // 获取当前嵌套导航图的路由，默认值设为"b"作为降级处理
    val parentRoute = navController.currentBackStackEntry?.destination?.parent?.route ?: "b"
    Text(text = "We're in b/y")
    Button(onClick = { navController.navigate("$parentRoute/x") }) {
        Text("Go to x")
    }
}

这种方式更灵活，当父导航图的路由名称变更时，无需修改导航代码。

补充说明 #

Compose Navigation的短路由匹配是全局扫描机制，因此当多个嵌套导航图存在同名子路由时，必须通过完整路径或动态拼接的方式明确指定目标路由，避免匹配到错误的页面。

内容的提问来源于stack exchange，提问作者Christian Brüggemann