You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android Jetpack Compose LazyVerticalGrid设横向跨度后出现多余纵向空白

LazyVerticalGrid 添加跨列项后底部出现多余空白

先看初始的正常代码:

LazyVerticalGrid(
    modifier = modifier
        .background(Color.Black)
        .padding(16.dp),
    cells = GridCells.Fixed(5),
    verticalArrangement = Arrangement.spacedBy(8.dp),
    horizontalArrangement = Arrangement.spacedBy(8.dp)
) {
    items(26) {
        Spacer(
            modifier = Modifier
                .size(64.dp)
                .background(Color.Cyan)
        )
    }
    item {
        Spacer(
            modifier = Modifier
                .height(64.dp)
                .fillMaxWidth()
                .background(Color.Magenta)
        )
    }
}

此时效果符合预期:黑色背景的网格布局里,26个青色方块按5列排列(前5行每行5个,第6行1个),底部是一个占满整行的品红色长条,布局底部没有多余空白。

但当给最后一个品红色项添加横向跨度设置后:

item(span = { GridItemSpan(2) }) {
    // 最后一个项的代码
}

底部出现了多余的空白区域。哪怕把这个带跨度的品红色项移到所有青色项之前,底部的多余空白仍然存在。

内容的提问来源于stack exchange,提问作者Serhii Ostrovskyi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 01:15:55