Compose中LaunchedEffect重复键值变更未重启的问题与解决

问题描述 #

我在ViewModel中定义了一个可变状态：

val state: MutableState<Int?> = mutableStateOf(null)

在Compose界面里，用LaunchedEffect监听这个状态的变更：

LaunchedEffect(state.value) {
    while(state.value != null && state.value != 0) {
        // 执行相关逻辑
    }
}

当状态更新为不同值时，LaunchedEffect会正常触发，但如果想用重复的状态值重启Effect，直接这么做不会生效：

state.value = null
state.value = 30

只有添加延迟后才能触发：

state.value = null
delay(100L)
state.value = 30

想知道为什么必须加延迟才能让LaunchedEffect检测到变更？

场景补充 #

我的实际使用场景是：有一个可滚动列表，每当业务逻辑中的pendingScrollPosition状态变更时，需要通过代码执行滚动操作，原实现如下：

LaunchedEffect(pendingScrollPosition.value) {
    while(pendingScrollPosition.value != null && pendingScrollPosition.value != 0) {
        when(pendingScrollPosition.value) {
            currentPosition.value -> {
                pendingScrollPosition.value // 标记滚动完成
            }
            else -> {
                lazyListState.animateScrollBy(  // 执行滚动动画
                    value = calculatePendingScrollAmount(pendingScrollPosition.value)
                )
            }
        }
    }
}

有时滚动动画会被用户手势中断，我需要恢复滚动，于是尝试通过以下方式重启Effect：

val pendingScrollToResume = pendingScrollPosition.value
pendingScrollPosition.value = null
// delay(100L)
pendingScrollPosition.value = pendingScrollToResume 

但不添加延迟时，LaunchedEffect根本不会重启。

原因解析 #

核心原因在于Compose的快照更新机制是批处理式的：同步连续的状态变更会被合并到同一个快照周期中，最终state.value的实际变化是从之前的30直接回到30（中间的null被合并掉了），LaunchedEffect的键值没有发生真正的变更，因此不会触发重启。

而添加delay(100L)后，两次状态变更会被分到不同的快照周期，键值完整经历了30 → null → 30的变化，LaunchedEffect检测到键值变更，就会重新启动。

最终可靠解决方案 #

理解快照系统的逻辑后，我找到了更稳妥的方案：给LaunchedEffect添加额外的触发键——监听滚动是否正在进行的状态，利用滚动状态的变化来触发Effect重启，不需要依赖延迟：

val isScrolling = remember {
    derivedStateOf {
        lazyListState.isScrollInProgress
    }
}
LaunchedEffect(key1 = pendingScrollPosition.value, key2 = isScrolling.value ) {
    while(!isScrolling.value && pendingScrollPosition.value != null && pendingScrollPosition.value != 0) {
        when(pendingScrollPosition.value) {
            currentPosition.value -> {
                pendingScrollPosition.value = null // 滚动完成，重置状态
            }
            else -> {
                lazyListState.animateScrollBy(  // 执行滚动动画
                    value = calculatePendingScrollAmount(pendingScrollPosition.value)
                )
            }
        }
    }
}

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