如何使用SnapFlingBehavior获取Lazy Column当前对齐项索引

SnapFlingBehavior本身没有直接暴露获取当前对齐项索引的API，需要配合Lazy布局的LayoutInfo（比如LazyListLayoutInfo或LazyGridLayoutInfo）来计算，核心思路是根据视口的对齐位置，找到最接近该位置的列表项。

具体实现步骤 #

• 先获取Lazy布局的状态实例（如LazyListState或LazyGridState），并以此创建SnapFlingBehavior
• 通过derivedStateOf结合LayoutInfo计算当前对齐的项索引

代码示例（以水平LazyRow为例） #

@Composable
fun SnappedList() {
    val listState = rememberLazyListState()
    val snapFlingBehavior = rememberSnapFlingBehavior(lazyListState = listState)

    // 计算当前对齐的项索引
    val currentSnappedIndex by remember {
        derivedStateOf {
            val layoutInfo = listState.layoutInfo
            // 视口中心位置（垂直布局替换width为height）
            val viewportAlignmentPoint = layoutInfo.viewportStartOffset + layoutInfo.viewportSize.width / 2

            // 找到距离对齐点最近的可见项
            layoutInfo.visibleItemsInfo.minByOrNull { itemInfo ->
                val itemAlignmentPoint = itemInfo.offset + itemInfo.size.width / 2
                kotlin.math.abs(itemAlignmentPoint - viewportAlignmentPoint)
            }?.index
        }
    }

    LazyRow(
        state = listState,
        flingBehavior = snapFlingBehavior
    ) {
        items(100) { index ->
            Box(
                modifier = Modifier
                    .size(100.dp)
                    .background(Color.Gray)
                    .padding(8.dp),
                contentAlignment = Alignment.Center
            ) {
                Text(text = "Item $index")
            }
        }
    }

    // 显示当前对齐的索引
    Text(text = "当前对齐项索引: ${currentSnappedIndex ?: "无"}")
}

注意事项 #

• 如果配置了自定义SnapPosition（比如对齐顶部/底部而非中心），需调整viewportAlignmentPoint和itemAlignmentPoint的计算逻辑，比如对齐顶部时，比较itemInfo.offset与layoutInfo.viewportStartOffset的差值
• derivedStateOf会在listState变化时自动重新计算，确保索引始终准确

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