Compose LazyColumn如何设置最后一项填满屏幕剩余空间

直接借助Compose LazyColumn官方提供的fillParentMaxHeight()修饰符即可实现需求，不需要自定义测量逻辑、也不需要额外计算高度，适配逻辑完全符合交互预期。

核心实现步骤 #

1. 首先调整LazyColumn根布局的修饰符，让其占满整个可用视口高度，这是高度计算的基础前提，同时给最后一项传入isLast = true的标识：

// 注意LazyColumn必须设置fillMaxSize占满可用空间
LazyColumn(
    modifier = Modifier.fillMaxSize()
) {
    itemsIndexed(list) { index, item ->
        ListItem(
            item = item,
            isLast = index == list.lastIndex
        )
    }
}

2. 调整ListItem组合函数的修饰符逻辑：非最后一项保持原有高度规则，最后一项添加fillParentMaxHeight()约束，同时配合wrapContentHeight保证内容不被截断、从顶部开始布局：

@Composable
fun ListItem(
    item: SomeItem,
    isLast: Boolean = false
) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .then(
                if (isLast) {
                    // 最后一项：高度不足时撑满视口剩余空间，内容过高时自适应内容高度
                    Modifier
                        .fillParentMaxHeight()
                        .wrapContentHeight(align = Alignment.Top)
                } else {
                    // 非最后一项保持原有高度规则
                    Modifier.height(IntrinsicSize.Min)
                }
            )
    ) {
        // 原有业务布局组件
    }
}

效果说明 #

• 当列表总项数少、所有项高度之和不足一屏时：最后一项自动拉伸填满屏幕剩余空间，整体列表刚好占满一屏，效果如下：
  
• 当列表总高度超过一屏时：列表保持原有正常滚动逻辑，最后一项按自身内容高度展示，不会出现异常拉伸、布局截断的问题，滑动体验和普通LazyColumn完全一致。

注意事项 #

• 不要给LazyColumn设置wrapContentHeight()类的高度修饰符，否则会导致fillParentMaxHeight()无法获取正确的视口高度，效果失效。
• 不要给最后一项设置固定高度值，否则会覆盖fillParentMaxHeight()的自适应约束，导致内容被截断。
• 如果最后一项内部嵌套了可垂直滚动的组件，给内部滚动组件设置fillMaxHeight()即可，不要使用fillMaxSize()避免布局测量冲突。

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