将 URL 作为参数传递给 Jetpack Compose Navigation

Question

我在我的应用程序中创建了屏幕目的地HistoryDetail。

composable(
    route = "HistoryDetail/{webpage}",
    arguments = listOf(
        navArgument("webpage") {
            type = NavType.StringType
        }
    ),
) { entry ->
    val text = entry.arguments?.getString("webpage") ?: ""
}

当我尝试通过调用导航到该屏幕时：

navController.navigate("HistoryDetail/http://alphaone.me/")

我收到illegalArgumentException以下消息。

java.lang.IllegalArgumentException: Navigation destination that matches request NavDeepLinkRequest{ uri=android-app://androidx.navigation/HistoryDetail/http://alphaone.me/ } cannot be found in the navigation graph NavGraph(0x0) startDestination={Destination(0x78c9ba0c) route=Home}

编辑：

如果我打电话，它就会起作用：navController.navigate("HistoryDetail/test")。

Answer 1

导航路线相当于 url。一般来说，你应该经过类似的地方id。

当你需要在另一个 url 中传递一个 url 时，你需要对其进行编码：

val encodedUrl = URLEncoder.encode("http://alphaone.me/", StandardCharsets.UTF_8.toString())
navController.navigate("HistoryDetail/$encodedUrl")

请注意，您不需要在视图端解码参数，因为导航库会为您完成此操作。

Answer 2

这怎么样？

composable(
    route = "HistoryDetail?webpage={webpage}",
    arguments = listOf(
        navArgument("webpage") {
            type = NavType.StringType
        }
    ),
) { entry ->
    val text = entry.arguments?.getString("webpage") ?: ""
}