gpt4 book ai didi

android - 如何在 LazyVerticalGrid 中的项目之间显示水平和垂直分隔线?

转载 作者:行者123 更新时间:2023-12-05 03:41:25 35 4
gpt4 key购买 nike

如何在 LazyVerticalGrid 中显示项目之间的垂直和水平分隔线?

对于 LazyColumn 可以这样做:

LazyColumn(...) {
items(items) { item ->
Row(item)
Divider()
}
}

它也适用于 LazyVerticalGrid 但我不确定如何在项目之间显示垂直分隔线?

最佳答案

您可以在每个单元格中添加 2 个不同的 Divider

类似于:

val numbers = (0..20).toList()

LazyVerticalGrid(cells = GridCells.Fixed(4)){
itemsIndexed(numbers) { index, item ->

Row(Modifier.height(IntrinsicSize.Min)) {

Column(Modifier.weight(1f),horizontalAlignment = Alignment.CenterHorizontally) {
Text(text = "Number")
Text(text = " $item",)
Divider() //Horizontal divider
}

//Vertical divider avoiding the last cell in each row
if ((index+1)%4 != 0) {
Column() {
Divider(
color = Color.Red,
modifier = Modifier
.fillMaxHeight()
.width(1.dp)
)
}
}
}
}
}

enter image description here

关于android - 如何在 LazyVerticalGrid 中的项目之间显示水平和垂直分隔线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67793008/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com