Kotlin Multiplatform iOS端滚动卡顿无惯性问题求助

针对KMM开发中iOS平台滚动组件（如LazyHorizontalGrid）存在滚动缓慢、无惯性的问题（Android端表现正常且已排除性能因素），可通过以下方案解决：

解决方案步骤 #

1. 升级Compose Multiplatform版本 #

旧版本的Compose Multiplatform存在iOS滚动惯性处理的已知bug，优先升级至最新稳定版（推荐1.5.10及以上），很多滚动异常问题可通过版本更新直接修复。

2. 为Lazy组件显式配置Fling Behavior #

iOS平台下，Compose的Lazy组件默认可能未启用惯性滚动逻辑，需手动绑定滚动状态与Fling行为：

// 确保gridState通过rememberLazyGridState()初始化
val gridState = rememberLazyGridState()

LazyHorizontalGrid(
    modifier = Modifier
        .height(60.dp),
    rows = GridCells.Fixed(1),
    state = gridState,
    horizontalArrangement = Arrangement.spacedBy(10.dp),
    // 添加此行，启用基于滚动状态的惯性滚动
    flingBehavior = rememberFlingBehavior(state = gridState)
) {
    viewModel.state.planProxyList?.let {
        items(it) { planItem ->
            PlanHomePreviewCard(
                plan = planItem,
                onClick = {
                    println(planItem.name)
                }
            )
        }
    }
}

3. 排查父布局的触摸事件拦截 #

检查滚动组件的父布局是否存在自定义pointerInput、scrollable或触摸拦截逻辑，这些可能会干扰Lazy组件的滚动手势传递。若有此类逻辑，需调整Modifier顺序或移除不必要的触摸拦截。

4. 验证滚动状态初始化正确性 #

确保gridState是通过rememberLazyGridState()在可组合函数内正确初始化的，避免使用全局状态或未正确托管的状态对象，这会导致滚动行为异常。

内容的提问来源于stack exchange，提问作者Isidro Jesús