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
相关产品推荐
相关产品推荐

