如何在Jetpack Compose的另一个Compose函数中修改remember状态变量？

你的代码里存在两个核心问题：一是子ComposeTestComposeB接收的参数类型错误（把MutableState<String>当成了普通String），二是直接赋值普通字符串无法触发Compose的状态重组。下面是三种可行的解决方案：

方法1：直接传递MutableState<String>并修改value #

将子Compose的参数类型改为MutableState<String>，直接修改其value属性就能触发状态更新：

@Composable
fun TestComposeA(){
    val taskVariable = remember { mutableStateOf("Hello World") }
    TestComposeB(taskVariable)
}

@Composable
fun TestComposeB(taskVariable: MutableState<String>){
    Button(onClick = { taskVariable.value = "New Value" }) {
        Text("点击更新状态")
    }
}

这种方式简单直接，但缺点是让子Compose拥有了修改父状态的权限，容易导致状态流向混乱，仅适合简单场景。

方法2：传递状态更新函数（推荐，遵循单向数据流） #

保持状态所有权在父ComposeTestComposeA，只给子Compose传递一个用于触发更新的lambda函数，子Compose仅负责发起更新请求，不直接操控状态：

@Composable
fun TestComposeA(){
    var taskVariable by remember { mutableStateOf("Hello World") }
    // 使用by委托简化状态访问
    
    TestComposeB(
        currentValue = taskVariable,
        onValueChange = { newValue -> taskVariable = newValue }
    )
}

@Composable
fun TestComposeB(
    currentValue: String,
    onValueChange: (String) -> Unit
){
    Column {
        Text(currentValue)
        Button(onClick = { onValueChange("New Value") }) {
            Text("点击更新")
        }
    }
}

这是Jetpack Compose推荐的单向数据流模式，状态修改逻辑集中在父组件，便于维护和调试，是日常开发的首选方案。

方法3：使用状态容器（适合复杂页面/多组件共享状态） #

如果需要在多个无直接父子关系的Compose之间共享状态，或者状态逻辑复杂，可以使用ViewModel或自定义状态容器：

ViewModel示例：

class TaskViewModel : ViewModel() {
    val taskVariable = mutableStateOf("Hello World")
    
    fun updateTaskValue(newValue: String) {
        taskVariable.value = newValue
    }
}

@Composable
fun TestComposeA(){
    val viewModel: TaskViewModel = viewModel()
    TestComposeB(viewModel)
}

@Composable
fun TestComposeB(viewModel: TaskViewModel){
    Button(onClick = { viewModel.updateTaskValue("New Value") }) {
        Text("更新状态")
    }
}

ViewModel会在配置变更时保留状态，非常适合跨页面或复杂组件树的状态共享场景。

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