如何在 LazyColumn Jetpack Compose 中的项目之间添加分隔线?
How to add dividers between items in a LazyColumn Jetpack Compose?
我有一个如下所示的 LazyColumn:
LazyColumn (
verticalArrangement = Arrangement.spacedBy(12.dp)
) {
items(bookList) { book ->
InProgressBookItem(book = book)
}
}
如何在列表中的每个项目之间添加一条线,类似于在旧 RecyclerView 上使用项目装饰?
简单:
LazyColumn (
verticalArrangement = Arrangement.spacedBy(12.dp)
) {
items(bookList) { book ->
InProgressBookItem(book = book)
Divider(color = Color.Black, thickness = 1.dp)
}
}
目前,1.0.x
没有添加分隔符的内置方法。但是,您可以只添加 Divider
in the LazyListScope
.
类似于:
LazyColumn(
verticalArrangement = Arrangement.spacedBy(12.dp),
) {
items(itemsList){
Text("Item at $it")
Divider(color = Color.Black)
}
}
如果您不希望最后一个项目后跟 Divider
,您可以根据项目的索引为项目添加分隔符:
LazyColumn(
verticalArrangement = Arrangement.spacedBy(12.dp),
) {
itemsIndexed(itemsList) { index, item ->
Text("Item at index $index is $item")
if (index < itemsList.lastIndex)
Divider(color = Color.Black, thickness = 1.dp)
}
}
我有一个如下所示的 LazyColumn:
LazyColumn (
verticalArrangement = Arrangement.spacedBy(12.dp)
) {
items(bookList) { book ->
InProgressBookItem(book = book)
}
}
如何在列表中的每个项目之间添加一条线,类似于在旧 RecyclerView 上使用项目装饰?
简单:
LazyColumn (
verticalArrangement = Arrangement.spacedBy(12.dp)
) {
items(bookList) { book ->
InProgressBookItem(book = book)
Divider(color = Color.Black, thickness = 1.dp)
}
}
目前,1.0.x
没有添加分隔符的内置方法。但是,您可以只添加 Divider
in the LazyListScope
.
类似于:
LazyColumn(
verticalArrangement = Arrangement.spacedBy(12.dp),
) {
items(itemsList){
Text("Item at $it")
Divider(color = Color.Black)
}
}
如果您不希望最后一个项目后跟 Divider
,您可以根据项目的索引为项目添加分隔符:
LazyColumn(
verticalArrangement = Arrangement.spacedBy(12.dp),
) {
itemsIndexed(itemsList) { index, item ->
Text("Item at index $index is $item")
if (index < itemsList.lastIndex)
Divider(color = Color.Black, thickness = 1.dp)
}
}