Jetpack Compose子函数更新父函数变量的问题

你遇到的问题本质是Compose状态的跨组件传递与更新，这里有几个简单直接的解决方案：

1. 直接传递MutableState #

把父组件的MutableState直接作为参数传给子Compose函数，子函数修改它的value属性就能触发界面重组：

@Composable
fun ParentScreen() {
    // 定义可观察状态
    val valueState = remember { mutableStateOf(0) }
    
    Column {
        Text("当前值: ${valueState.value}")
        // 把MutableState传给子组件
        ChildScreen(valueState = valueState)
    }
}

@Composable
fun ChildScreen(valueState: MutableState<Int>) {
    Button(onClick = { valueState.value += 1 }) {
        Text("点击加1")
    }
}

如果用by委托简化写法，也可以直接传value（因为by背后就是MutableState）：

@Composable
fun ParentScreen() {
    var value by remember { mutableStateOf(0) }
    
    Column {
        Text("当前值: $value")
        ChildScreen(valueState = value)
    }
}

2. 传递状态修改的Lambda（推荐，更符合单向数据流） #

父组件封装状态的修改逻辑，把修改函数作为Lambda参数传给子组件，子组件只需要调用这个函数即可，不需要知道状态的具体细节：

@Composable
fun ParentScreen() {
    var value by remember { mutableStateOf(0) }
    
    Column {
        Text("当前值: $value")
        // 传递修改逻辑
        ChildScreen(onIncrement = { value += 1 })
    }
}

@Composable
fun ChildScreen(onIncrement: () -> Unit) {
    Button(onClick = onIncrement) {
        Text("点击加1")
    }
}

3. 用ViewModel处理复杂/共享状态 #

如果状态需要在多个组件、页面共享，或者要保留屏幕旋转等配置变化时的状态，用ViewModel更合适：

// 定义ViewModel，里面包含可观察状态和修改方法
class CounterViewModel : ViewModel() {
    val value = mutableStateOf(0)
    
    fun increment() {
        value.value += 1
    }
}

@Composable
fun ParentScreen() {
    val viewModel = viewModel<CounterViewModel>()
    
    Column {
        Text("当前值: ${viewModel.value.value}")
        ChildScreen(viewModel = viewModel)
    }
}

@Composable
fun ChildScreen(viewModel: CounterViewModel) {
    Button(onClick = { viewModel.increment() }) {
        Text("点击加1")
    }
}

关于你之前尝试的普通类方案 #

如果一定要用自定义类，需要让类里的变量变成可观察流，比如用StateFlow，然后在Compose里用collectAsState()观察，这样修改时会触发重组：

class MyData {
    private val _value = MutableStateFlow(0)
    // 对外暴露只读的StateFlow
    val value = _value.asStateFlow()
    
    fun increment() {
        _value.value += 1
    }
}

@Composable
fun ParentScreen() {
    val myData = remember { MyData() }
    // 把StateFlow转换成Compose可观察的状态
    val value by myData.value.collectAsState()
    
    Column {
        Text("当前值: $value")
        ChildScreen(myData = myData)
    }
}

@Composable
fun ChildScreen(myData: MyData) {
    Button(onClick = { myData.increment() }) {
        Text("点击加1")
    }
}

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