Jetpack Compose导航向TextField传递可选参数异常求助

问题现象 #

基于Room和Dagger-Hilt的笔记应用中，从首页跳转至笔记编辑页时参数显示异常：

• 第一个TextField显示默认值“Nothing”，而非预期的“note”
• 第二个TextField显示{note_content}notecontent，参数拼接逻辑错误

代码问题分析及修复 #

1. 导航参数定义重复 #

在Navigation的composable配置中，重复定义了note_title参数，遗漏了note_content的配置：

// 错误代码
arguments = listOf(
    navArgument("note_title"){
        type = NavType.StringType
        defaultValue = "Nothing"
    },
    navArgument("note_title"){ // 重复定义note_title，未配置note_content
        type = NavType.StringType
        defaultValue = "Nothing"
    }
)

修复后：

arguments = listOf(
    navArgument("note_title"){
        type = NavType.StringType
        defaultValue = "Nothing"
    },
    navArgument("note_content"){ // 修正为正确的参数名
        type = NavType.StringType
        defaultValue = "Nothing"
    }
)

2. 路由参数拼接格式错误 #

首页跳转时直接拼接字符串，未遵循URL参数的键值对格式：

// 错误代码
navController.navigate(Screen.NoteScreen.route+textTitle+textContent)

这种写法会生成错误路由：note_screen?note_title={note_title}&note_content={note_content}notecontent，完全不符合参数传递规则。

修复方案（推荐安全写法）：
先给Screen密封类添加带参数的路由生成方法：

sealed class Screen(val route: String){
    object HomeScreen: Screen("home_screen")
    object NoteScreen: Screen("note_screen?note_title={note_title}&note_content={note_content}")
    
    // 生成带参数的路由
    fun withArgs(title: String, content: String): String {
        return route.replace("{note_title}", title)
            .replace("{note_content}", content)
    }
}

然后在首页跳转时调用该方法：

navController.navigate(Screen.NoteScreen.withArgs(textTitle, textContent))

3. 可选优化：简化空参数处理 #

在NoteScreen中给参数设置默认值，避免冗余的空判断：

@Composable
fun NoteScreen(
    noteTitle: String = "Nothing",
    noteContent: String = "Nothing"
){
    var textFieldTitle by remember {
        mutableStateOf(noteTitle)
    }
    var textFieldContent by remember {
        mutableStateOf(noteContent)
    }
    Column(modifier = Modifier.fillMaxSize()) {
        TextField(
            value = textFieldTitle, 
            onValueChange = { textFieldTitle = it }
        )
        TextField(
            value = textFieldContent, 
            onValueChange = { textFieldContent = it }
        )
    }
}

同时在导航传递参数时补充默认值兜底：

NoteScreen(
    noteTitle = entry.arguments?.getString("note_title") ?: "Nothing",
    noteContent = entry.arguments?.getString("note_content") ?: "Nothing"
)

总结 #

核心问题为导航参数定义重复和路由拼接格式错误，修正这两点后参数即可正常传递显示。

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