Jetpack Compose中使用MutableState作参数报错，如何正确使用？

你遇到的这个报错，核心原因是Compose的最佳实践要求组件参数尽量使用不可变值搭配更新回调，而非直接传递MutableState实例。虽然MutableState本身是可观察的，但直接作为参数传递会让组件依赖可变的状态容器，不符合单向数据流的设计原则。

正确的写法示例： #

把原来的MutableState参数拆成不可变的状态值和对应的更新函数：

@Composable
fun TextFieldComponent(
    name: String,
    isNameError: Boolean,
    onNameChange: (String) -> Unit,
    onNameErrorChange: (Boolean) -> Unit,
    modifier: Modifier = Modifier
) {
    // 组件内部使用name和isNameError展示UI
    // 当需要更新状态时，调用onNameChange或onNameErrorChange
    TextField(
        value = name,
        onValueChange = onNameChange,
        isError = isNameError,
        modifier = modifier
    )
}

调用这个组件的示例： #

在父组件中持有MutableState，并把状态值和更新逻辑传递给子组件：

@Composable
fun ParentComponent() {
    val name = remember { mutableStateOf("") }
    val isNameError = remember { mutableStateOf(false) }

    TextFieldComponent(
        name = name.value,
        isNameError = isNameError.value,
        onNameChange = { name.value = it },
        onNameErrorChange = { isNameError.value = it },
        modifier = Modifier.fillMaxWidth()
    )
}

为什么这样修改： #

• 让TextFieldComponent成为无状态组件，只负责根据传入的值渲染UI，并在用户交互时通知上层更新状态，复用性更强。
• 符合Compose的单向数据流理念：状态由上层持有，子组件只接收状态和更新回调，避免状态混乱。
• 能顺利通过detectAll的规则检查，同时保证重组触发的正确性。

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