如何在LazyColumn底部添加空白 支持滑到最后元素后继续上滑

你只需要给LazyColumn的可滚动内容区域增加足够的底部高度即可，有两种常用实现方式，都能满足「滑动到最后一个元素后仍可继续上滑、底部列表元素可完全露出」的需求。

方法1：配置contentPadding的bottom值（推荐） #

contentPadding参数定义的内边距属于可滚动内容的一部分，不是固定在列表容器边缘的不可动边距。你原来的代码中给四个方向都设置了25dp内边距，只需要单独增大bottom方向的内边距值即可：

LazyColumn(
    modifier = Modifier
        .fillMaxWidth()
        .height(300.dp)
        .border(2.dp, Color.Red),
    contentPadding = PaddingValues(
        start = 25.dp,
        top = 25.dp,
        end = 25.dp,
        bottom = 200.dp // 按需调整这个值，数值越大底部可滑动露出的空白越高
    )
){
    items(7) {
        Surface(
            modifier = Modifier
                .fillMaxWidth()
                .height(100.dp),
            color = Color.Gray
        ) {}
        Spacer(modifier = Modifier.height(10.dp))
    }
}

这种方式是LazyColumn原生支持的边距配置，性能最优，不需要额外添加列表条目。

方法2：列表末尾添加空白条目 #

如果需要动态控制底部空白的显隐、或者需要在空白区域放置其他元素，可以在所有列表项的最后添加一个单独的Spacer条目：

LazyColumn(
    modifier = Modifier
        .fillMaxWidth()
        .height(300.dp)
        .border(2.dp, Color.Red),
    contentPadding = PaddingValues(25.dp)
){
    items(7) {
        Surface(
            modifier = Modifier
                .fillMaxWidth()
                .height(100.dp),
            color = Color.Gray
        ) {}
        Spacer(modifier = Modifier.height(10.dp))
    }
    // 末尾添加固定高度的空白项
    item {
        Spacer(modifier = Modifier.height(200.dp)) // 按需调整高度
    }
}

两种方式实现的效果完全一致，最终效果参考：
效果示意图

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