Jetpack Compose：LazyRow滚动触发特定副作用的实现方案咨询

需要实现仅当LazyRow滚动后首个可见项索引与滚动前不同，且**项已完全滚动到位（因吸附行为）**时，调用ViewModel中的函数修改列表状态。

已尝试的方案及问题 #

• 方案1：使用NestedScrollConnection

class OnMoodItemScrolled : NestedScrollConnection {
    override suspend fun onPostFling(consumed: Velocity, available: Velocity): Velocity {
        viewModel.fetchItems()
        return super.onPostFling(consumed, available)
    }
}

问题：即使滚动前后显示的项未变化（比如轻微滚动后吸附回原位置），副作用仍会执行。

• 方案2：监听listState的交互源

val firstVisibleItem: Int = remember { sectionItemListState.firstVisibleItemIndex }
sectionItemListState.interactionSource.collectIsDraggedAsState().let {
    if (firstVisibleItem != sectionItemListState.firstVisibleItemIndex) {
        viewModel.fetchItems()
    }
}

问题：Composable首次组合时就会触发副作用，不符合仅滚动时执行的要求。

可行解决方案 #

通过监听LazyListState的索引变化，结合拖拽状态判断滚动结束（吸附到位），实现精准触发：

val listState = rememberLazyListState()
val isDragged by listState.interactionSource.collectIsDraggedAsState()
val scope = rememberCoroutineScope()

// 保存上一次的可见项索引，避免首次组合触发
var lastVisibleIndex by remember { mutableStateOf(listState.firstVisibleItemIndex) }

LaunchedEffect(isDragged, listState.firstVisibleItemIndex) {
    // 仅当拖拽结束，且当前可见项索引与上次不同时执行
    if (!isDragged && lastVisibleIndex != listState.firstVisibleItemIndex) {
        viewModel.fetchItems()
        lastVisibleIndex = listState.firstVisibleItemIndex
    }
}

// 带吸附的全屏LazyRow
LazyRow(
    state = listState,
    modifier = Modifier.fillMaxSize(),
    flingBehavior = rememberSnapFlingBehavior(lazyListState = listState)
) {
    // 列表项内容
    items(yourItemList) { item ->
        // 单个项布局（需占满全屏）
        ItemLayout(item)
    }
}

逻辑说明 #

1. 用collectIsDraggedAsState()判断拖拽状态，仅当拖拽结束（!isDragged）时才进入判断，确保滚动已停止并吸附到位
2. 用remember保存上一次的可见项索引，排除首次组合时的索引差异触发
3. 仅当两个条件同时满足时，才调用ViewModel函数并更新索引记录

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