Jetpack Compose 中LazyColumn滚动到列表底部时条目被拉伸如何解决？

云上老周

2026-9-24

LazyColumn条目拉伸问题解决方案

问题根因

你当前将LazyColumn放置在普通Column容器中，未给LazyColumn设置明确的高度约束，Compose在测量布局阶段会默认给LazyColumn分配父Column除固定高度组件外的所有剩余可用高度。当列表总条目高度小于LazyColumn的可用高度时，条目就会被拉伸填充空余区域，滚动到底部时剩余空余空间更多，因此问题更明显。

修复方案

给LazyColumn添加weight(1f)修饰符即可，该修饰符是Column子组件专属属性，会让LazyColumn合理占用父容器剩余空间，同时不会拉伸内部条目：

// 仅需修改LazyColumn的modifier部分即可
LazyColumn(modifier = Modifier.weight(1f)){
    items(recipes) { recipe ->
        Text(
            text = recipe.title ?: "None",
            style = MaterialTheme.typography.h5
        )
    }
}

如果你不需要LazyColumn占满父容器剩余高度，希望它自适应内容高度，可以用Modifier.wrapContentHeight()修饰符，注意如果条目总高度超过屏幕高度，该模式下列表依然可以正常滚动。