Jetpack/Desktop Compose：如何在SnapshotStateList变更时触发LaunchedEffect？

你遇到的问题本质是LaunchedEffect的触发逻辑：它只会在传入的key引用发生变化时重启。SnapshotStateList修改内容时自身引用不变，所以首次组合后不会再触发协程，即便Compose能感知到列表变化并引发重组。

下面提供两种可行的解决方式：

方式一：使用snapshotFlow监听列表内容变化 #

利用snapshotFlow将Compose状态的变化转化为Flow，在LaunchedEffect中收集这个Flow，每次列表内容变更时都会执行回调逻辑：

import androidx.compose.foundation.layout.Column
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.mutableStateListOf
import androidx.compose.runtime.remember
import kotlinx.coroutines.flow.collect

@Composable
fun TestMutableList() {
    val list = remember { mutableStateListOf(1, 2, 3) }

    LaunchedEffect(list) {
        // 将列表内容转化为快照，每次内容变更时发射新值
        snapshotFlow { list.toList() }
            .collect { updatedList ->
                println("List was changed: $updatedList")
            }
    }

    Column {
        Button(onClick = { list[0] = 0 }) {
            Text("Change List")
        }
        list.forEach { Text(it.toString()) }
    }
}

这里list.toList()的作用是生成列表内容的快照副本——因为SnapshotStateList本身引用不变，只有通过内容快照才能让snapshotFlow检测到变化并发射新值。

方式二：用derivedStateOf创建内容依赖的派生状态 #

通过derivedStateOf创建一个依赖列表内容的派生状态，将这个状态的值作为LaunchedEffect的key，每次列表内容变化时派生状态会更新，从而触发协程重启：

import androidx.compose.foundation.layout.Column
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.derivedStateOf
import androidx.compose.runtime.mutableStateListOf
import androidx.compose.runtime.remember

@Composable
fun TestMutableList() {
    val list = remember { mutableStateListOf(1, 2, 3) }
    // 派生状态，依赖列表的内容，内容变化时生成新的列表实例
    val listContentSnapshot = remember { derivedStateOf { list.toList() } }

    LaunchedEffect(listContentSnapshot.value) {
        println("List was changed: ${listContentSnapshot.value}")
    }

    Column {
        Button(onClick = { list[0] = 0 }) {
            Text("Change List")
        }
        list.forEach { Text(it.toString()) }
    }
}

两种方案的核心逻辑一致：让LaunchedEffect的触发条件绑定到列表的内容变化，而非列表对象的引用。前者适合需要持续监听变化的场景，后者则更适合每次变化都需要重启协程的场景。

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