Jetpack Compose传递状态时报错“val cannot be reassigned”问题

你遇到的错误是因为MyButton组件中的showContent是普通的Boolean参数，属于不可变的val类型，无法直接重新赋值。Jetpack Compose的状态管理遵循状态提升原则，子组件不应直接修改父组件的状态，以下是两种解决方式：

方案1：传递状态修改回调（推荐） #

将父组件的状态修改逻辑封装成lambda回调传给子组件，子组件触发回调通知父组件更新状态：

@Composable
fun MyUi() {
    var showContent by remember { mutableStateOf(false) }
    if (showContent) {
        MyButton(onShowContentChange = { showContent = it })  
    }
}

@Composable
fun MyButton(onShowContentChange: (Boolean) -> Unit) {
    Button(onClick = {
        onShowContentChange(true)
    }) {
        Text(text = "Very long content")
    }
}

这种方式符合Compose的状态提升最佳实践，子组件只负责触发事件，状态的所有权和修改逻辑都留在父组件，代码更易维护和测试。

方案2：传递MutableState对象（不推荐） #

如果需要在子组件中直接修改状态，可以传递完整的MutableState<Boolean>对象，而不是拆包后的Boolean值：

@Composable
fun MyUi() {
    val showContent = remember { mutableStateOf(false) }
    if (showContent.value) {
        MyButton(showContent)  
    }
}

@Composable
fun MyButton(showContent: MutableState<Boolean>) {
    Button(onClick = {
        showContent.value = true
    }) {
        Text(text = "Very long content")
    }
}

这种方式虽然能解决报错，但会让子组件依赖具体的状态实现，破坏了组件的独立性，仅适合简单场景临时使用。

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