Jetpack Compose中snapshotFlow异常：两种State写法的差异问题

问题描述 #

在使用Jetpack Compose的snapshotFlow时遇到异常现象：

• 采用解构方式定义mutableStateOf时：

val (number1, setNumber1) = remember { mutableStateOf(0) }

调用setNumber1更新值后，对应的snapshotFlow无法收集到变化；

• 直接定义State对象时：

val number2 = remember { mutableStateOf(0) }

通过number2.value更新值，snapshotFlow能正常收集到变化。

完整示例代码如下：

@Composable
fun Sample() {
    val (number1, setNumber1) = remember {
        mutableStateOf(0)
    }

    val number2 = remember {
        mutableStateOf(0)
    }

    LaunchedEffect(key1 = true) {
        snapshotFlow {
            number1
        }.collect {
            Log.v("number1Flow", it.toString())
        }
    }
    LaunchedEffect(key1 = true) {
        snapshotFlow {
            number2.value
        }.collect {
            Log.v("number2Flow", it.toString())
        }
    }
    Text(
        text = "number1= $number1",
    )
    Text(
        text = "number2= ${number2.value}",
    )

    Button(onClick = {
        setNumber1(number1 + 1)
        number2.value += 1
    }) {
        Text(
            text = "increase the value",
        )
    }
}

原因分析 #

核心差异源于解构获取的number1是State的当前值，而非State对象本身：

1. 解构mutableStateOf时，实际调用了MutableState的component1()和component2()方法：
   • component1()返回的是State.value的当前值（这里是初始的0），属于普通Int类型，不是State对象；
   • component2()返回的是用于更新State值的lambda。
2. 在snapshotFlow { number1 }中，收集的是这个普通Int值的快照。由于number1不是State对象，snapshotFlow无法感知其后续变化——只会在初始时捕获一次值，之后不会触发更新。
3. 而number2是MutableState对象，当在snapshotFlow中读取number2.value时，snapshotFlow会自动订阅该State的变化，每次value更新都会重新计算快照并发送新值。

补充说明：UI上Text("number1= $number1")能正常更新，是因为Composable重组时会重新解构获取最新的number1值，但这和snapshotFlow的快照订阅逻辑无关——snapshotFlow必须依赖读取State对象来建立变化订阅关系。

内容的提问来源于stack exchange，提问作者J.K