Compose中MotionLayout实现的CollapsingToolbar无Item Padding时失效问题

你遇到的问题核心出在LazyListState的滚动进度计算逻辑以及无padding时的滚动偏移边界情况处理上：

• 当LazyColumn列表项无padding且LazyColumn未设置contentPadding时，第一个列表项的顶部与LazyColumn顶部完全对齐。滚动时，若第一个项高度较小，很快会被完全滚出视野，此时firstVisibleItemIndex变为1，若你的进度计算逻辑未处理这种情况，会错误地将折叠进度重置为初始值，导致工具栏无法保持折叠状态。
• 而当列表项添加padding后，第一个项的整体高度（内容+padding）变大，滚动时firstVisibleItemScrollOffset会有足够的变化范围来触发进度更新，且firstVisibleItemIndex不会立即跳转，所以折叠效果正常。

1. 修正滚动进度计算逻辑 #

确保当第一个可见项索引大于0时，直接将折叠进度设为最大值（完全折叠），同时处理第一个项滚动偏移的边界值：

val lazyListState = rememberLazyListState()
val collapseHeight = 200.dp.toPx()

val collapseProgress by remember {
    derivedStateOf {
        when {
            lazyListState.firstVisibleItemIndex > 0 -> 1f
            else -> {
                val offset = lazyListState.firstVisibleItemScrollOffset.toFloat()
                // 限制进度在0f-1f之间
                (offset / collapseHeight).coerceIn(0f, 1f)
            }
        }
    }
}

2. 给LazyColumn设置contentPadding（推荐） #

无需依赖列表项的padding，直接给LazyColumn添加顶部contentPadding，确保初始状态下第一个项有偏移，滚动偏移能被正确检测：

LazyColumn(
    state = lazyListState,
    contentPadding = PaddingValues(top = 8.dp) // 替换为合适的内边距值
) {
    // 列表项内容
    items(100) {
        Text(text = "Item $it", modifier = Modifier.fillMaxWidth().height(50.dp))
    }
}

3. 调整MotionLayout约束集的边界值 #

检查你的MotionLayout约束集中，折叠/展开状态的阈值是否与列表项的padding高度强绑定。确保约束集的高度变化范围是基于Toolbar自身的尺寸，而非依赖外部列表项的布局参数。

• 先打印lazyListState.firstVisibleItemIndex和firstVisibleItemScrollOffset的日志，对比有无padding时的数值变化，确认进度计算逻辑是否正确响应滚动事件。
• 测试当列表项无padding但LazyColumn设置了contentPadding时，折叠功能是否正常工作，以此排除列表项padding的依赖。

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