如何监听可滚动Column的滚动值且避免每次滚动都重组合？

要在监听滚动值并传递给ViewModel的同时避免不必要的重组，可以通过**snapshotFlow结合仅启动一次的LaunchedEffect**实现，具体方案如下：

1. ViewModel层准备 #

先在ViewModel中定义接收滚动值的方法：

class MyViewModel : ViewModel() {
    fun onScrollUpdated(scrollPosition: Int) {
        // 这里处理滚动值，比如存入StateFlow、统计滚动行为等
    }
}

2. Compose层实现 #

val scrollState = rememberScrollState(0)
val viewModel: MyViewModel = viewModel()

// 仅以scrollState为依赖，LaunchedEffect只会在初始时启动一次
LaunchedEffect(scrollState) {
    // 用snapshotFlow监听scrollState.value的变化
    snapshotFlow { scrollState.value }
        .collect { currentScrollValue ->
            // 将滚动值传递给ViewModel
            viewModel.onScrollUpdated(currentScrollValue)
            Log.d("ScrollLog", "当前滚动位置：$currentScrollValue")
        }
}

// 注意：使用verticalScroll修饰符让Column可滚动（而非scrollable）
Column(modifier = Modifier.verticalScroll(scrollState)) {
    // 你的列表内容，比如重复的Text或Card
    repeat(50) {
        Text(text = "列表项 $it", modifier = Modifier.fillMaxWidth().padding(16.dp))
    }
}

为什么能避免重组？ #

• LaunchedEffect的依赖优化：将依赖从scrollState.value换成scrollState，由于rememberScrollState会在重组时保留实例，所以这个LaunchedEffect只会在Composable首次进入组合时启动一次，不会随滚动值变化重复启动。
• snapshotFlow的非重组监听：snapshotFlow会以非阻塞的方式监听状态变化，它的收集逻辑运行在协程中，不会触发Compose的重组——只有当你主动读取需要触发重组的状态时，才会引发重组，而这里仅传递值给ViewModel，不会触发UI重组。
• 修正滚动修饰符：原代码中的scrollable仅处理滚动输入事件，不会让Column真正可滚动，改用verticalScroll才是实现Column垂直滚动的正确方式。

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