Android 如何在LazyVerticalGrid中显示项目之间的水平和垂直分隔符？

如何在

LazyVerticalGrid

中显示项目之间的垂直和水平分隔符

对于

LazyColumn

可以这样做：

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

---

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

您可以在每个单元格中添加两个不同的分隔符

比如：

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)
                    )
                }
            }
        }
    }
}