如何在 jetpack compose 中使用 arguments 导航？

Question

这是我的导航主机

composable(
        "${Screens.Start.route}/{tId}",
        arguments = listOf(navArgument("tId") {
            type = NavType.StringType
        })
    ) {
      
        StartScreen(viewModel, navController, it.arguments?.getString("tId") ?: "")


    }

    composable(
        "${Screens.Timer.route}/{sId}",
        arguments = listOf(navArgument("sId") {
            type = NavType.StringType
        })
    ) {
            TimerScreen(viewModel, navController, it.arguments?.getString("tId") ?: "")
        }


    }

我从主屏幕导航到开始屏幕但没有从开始导航到计时器屏幕，我传递了与我从主屏幕获取的相同的 ID。

这个主要的可组合

    @Composable
fun Main(task: CustomeTask, navController: NavController) {
    Box(.clickable {
                navController.navigate("${Screens.Start.route}/${task.pid.toString()}")
            }
         }

开始屏幕

    @Composable
fun StartScreen(viewModel: MainViewModel, navController: NavHostController, id : String) {
onclick{
                      navController.navigate("${Screens.Timer.route}/{$id}")

}

当我单击按钮时应用程序崩溃并且错误如下

 java.lang.NumberFormatException: For input string: "{11}"
    at java.lang.Long.parseLong(Long.java:594)
    at java.lang.Long.parseLong(Long.java:636)
    at com.ashish.custometimer.ui.TimerScreenKt.TimerScreen(TimerScreen.kt:36)
    at com.ashish.custometimer.navigation.NavGraphKt$NavGraph$1$6.invoke(NavGraph.kt:64)
    at com.ashish.custometimer.navigation.NavGraphKt$NavGraph$1$6.invoke(NavGraph.kt:58)

Answer 1

当你声明你的路由时， {tId}中的大括号是让 Navigation 将什么解析到你的参数中； 您没有在导航调用中包含这些大括号。

navController.navigate("${Screens.Timer.route}/$id")