Jetpack Compose Navigation - 将参数传递给 startDestination

我正在构建的应用程序使用带有路线的组合导航。挑战在于起始目的地是动态的。

这是一个最小的例子：

class MainActivity : ComponentActivity()
{
    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)

        setContent {
            val navController = rememberNavController()

            NavHost(
                navController = navController,
                startDestination = "dynamic/1", // doesn't work
                // startDestination = "static", // workaround
            ) {
                composable(
                    route = "dynamic/{$ARG_ID}",
                    arguments = listOf(navArgument(ARG_ID) { type = NavType.StringType }),
                ) {
                    val id = it.arguments?.getString(ARG_ID)
                    Text("dynamic route, received argument: $id!")
                }
                // part of the workaround
                // composable(
                //  route = "static",
                // ) {
                //  LaunchedEffect(this) {
                //      navController.navigate("dynamic/1")
                //  }
                // }
            }
        }
    }

    companion object
    {
        const val ARG_ID = "id"
    }
}

该应用程序崩溃了

java.lang.IllegalArgumentException: navigation destination route/1 is not a direct child of this NavGraph

仅当“动态”路线用作起始目的地时，该问题才存在。这可以通过使用来验证startDestination = "static".

虽然“静态”路由解决方法有效，但我正在寻找一种没有它的解决方案，因为它会混淆代码，并且还会在返回堆栈中创建一个附加条目。

-> 完整代码示例 https://github.com/p-fischer/compose-navigation-startdestination-with-argument重现问题

相关问题

• 导航架构组件 - 将参数数据传递到 startDestination https://stackoverflow.com/q/50334550/2011622- 答案似乎不适用于撰写导航。
• 将参数传递给 Jetpack Compose 中的嵌套导航图 https://stackoverflow.com/q/70086094/2011622- 没有给出答案。
• Compose Navigation - 导航目的地...不是此 NavGraph 的直接子级 https://stackoverflow.com/q/69038660/2011622- 接受的答案并不能解决问题。

Edit:

我想强调的是，原始示例过去不包含“静态”可组合项。我只添加了“静态”可组合项以获得工作startDestination并证明可以导航到“动态”可组合项。

Update:

甚至切换到可选参数的查询参数语法 https://developer.android.com/jetpack/compose/navigation#optional-args、提供默认值并在不带任何参数的情况下设置起始目标是不起作用的。

以下变体

NavHost(
    navController = navController,
    startDestination = "dynamic",
) {
    composable(
        route = "dynamic?$ARG_ID={$ARG_ID}",
        arguments = listOf(navArgument(ARG_ID) { type = NavType.StringType; defaultValue = "1" }),
    ) {
        val id = it.arguments?.getString(ARG_ID)
        Text("dynamic route, received argument: $id!")
    }
}

导致异常

java.lang.IllegalArgumentException: navigation destination dynamic is not a direct child of this NavGraph

全部功劳归于伊安汉尼巴拉克 https://stackoverflow.com/users/1676363/ianhanniballake，他在评论中向我解释了解决方案。我将在这里展示我的代码示例的工作版本。

对我来说最重要的见解是：

startDestination不得与可组合项匹配route从模式匹配的意义上来说，但它必须是完全相同的字符串.

这意味着不能通过以下方式设置参数startDestination直接但必须通过参数设置defaultValue.

这是工作示例：

class MainActivity : ComponentActivity()
{
    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)

        setContent {
            val navController = rememberNavController()

            NavHost(
                navController = navController,
                // 1st change: Set startDestination to the exact string of route
                startDestination = "dynamic/{$ARG_ID}", // NOT "dynamic/1", provide arguments via defaultValue
            ) {
                composable(
                    route = "dynamic/{$ARG_ID}",
                    // 2nd change: Set startDestination argument via defaultValue
                    arguments = listOf(navArgument(ARG_ID) { type = NavType.StringType; defaultValue = "1" }),
                ) {
                    val id = it.arguments?.getString(ARG_ID)
                    Text("dynamic route, received argument: $id!")
                }
            }
        }
    }

    companion object
    {
        const val ARG_ID = "id"
    }
}

该方法同样适用于以查询参数形式提供的参数。

老实说，我认为这是一个小限制，因为现在的起始路线决定了必须是什么defaultValue。我可能想设置一个不同的defaultValue或者根本没有。然而，在大多数情况下，这应该是最优雅的解决方案。