如何在非Composable函数中为MutableState创建值变更回调？

以下是两种实用的实现方式，可在非Composable函数中监听MutableState的数值变化：

方法一：利用SnapshotFlow转换为Flow监听 #

借助Compose的SnapshotFlow，可以将MutableState的变化转换成Flow流，在非Composable函数中通过协程收集流来触发回调：

import kotlinx.coroutines.CoroutineScope
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.flow.SnapshotFlow
import kotlinx.coroutines.launch
import androidx.compose.runtime.mutableStateOf

// 已有的MutableState对象
val myState = mutableStateOf("初始值")

// 在非Composable函数中设置监听逻辑
fun setupStateChangeListener(scope: CoroutineScope) {
    scope.launch(Dispatchers.Main) {
        SnapshotFlow { myState.value }
            .collect { newValue ->
                // 每次值变化时执行的回调逻辑
                println("State已更新为: $newValue")
                // 此处替换为你的自定义处理代码
            }
    }
}

说明 #

• SnapshotFlow会自动感知myState.value的变化，每当值更新时就会向流中发射新值。
• 需要传入一个CoroutineScope来启动收集逻辑，比如ViewModel的viewModelScope（会随ViewModel销毁自动取消），或是自定义的Scope（需注意在合适时机调用cancel()避免内存泄漏）。

方法二：自定义带回调的MutableState包装类 #

通过装饰模式包装原始MutableState，重写value的setter方法，在值变更时同步触发回调：

import androidx.compose.runtime.MutableState
import androidx.compose.runtime.mutableStateOf

class CallbackMutableState<T>(
    private val originalState: MutableState<T>,
    private val onChange: (newValue: T) -> Unit
) : MutableState<T> by originalState {
    override var value: T
        get() = originalState.value
        set(newValue) {
            // 避免值未变化时重复触发回调
            if (originalState.value != newValue) {
                originalState.value = newValue
                onChange(newValue)
            }
        }
}

// 使用示例
val myState = CallbackMutableState(mutableStateOf("初始值")) { newValue ->
    // 值变化时触发的回调逻辑
    println("State已更新为: $newValue")
}

// 在非Composable函数中直接赋值即可触发回调
fun updateState(newValue: String) {
    myState.value = newValue
}

说明 #

• 这种方式无需依赖协程，赋值时同步触发回调，逻辑更直接。
• 内部加入了值相等判断，和Compose原生State的行为保持一致，避免无意义的回调触发。

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