我正在尝试实现一个底部带有按钮的列表,如下所示:
因为我不知道列表中有多少项目,所以我使用 LazyColumn
.底部的按钮,只有当列表没有填满整个屏幕时才应该放在那里,如果是,按钮应该向下移动并成为列表中的最后一项。
移动 LazyColumn
内的按钮像这样:
LazyColumn(...) {
items(items) { item -> ...}
item { Button() }
}
给出以下内容:我尝试添加
Spacer
与 fillMaxHeight()
修饰符作为两者之间的一个项目,但它没有改变。我还尝试添加
LazyColumn
和 Button
列内:Column {
LazyColumn(
modifier = Modifier.weight(1f)
) {
items(items) { item -> ...}
}
Button()
}
但这只会将按钮固定在底部,就好像 Column
是 LinearLayout
.考虑到这一点,是否可以对齐
LazyColumn
之一?的项目,所以它总是在底部?或者,添加某种填充可用区域的空间?
最佳答案
如本文所述 closed issue可以使用 LazyColumn
的verticalArrangement
参数通过实现 Arrangement.Vertical
来对齐底部的最后一项:
LazyColumn(verticalArrangement = remember {
object : Arrangement.Vertical {
override fun Density.arrange(
totalSize: Int,
sizes: IntArray,
outPositions: IntArray
) {
var currentOffset = 0
sizes.forEachIndexed { index, size ->
if (index == sizes.lastIndex) {
outPositions[index] = totalSize - size
} else {
outPositions[index] = currentOffset
currentOffset += size
}
}
}
}
})
如果您想将它与 spacedBy
一起使用在 verticalArrangement
参数,就像我一样,您可以使用以下内容:fun spacedByWithFooter(space: Dp) = object : Arrangement.Vertical {
override val spacing = space
override fun Density.arrange(
totalSize: Int,
sizes: IntArray,
outPositions: IntArray,
) {
if (sizes.isEmpty()) return
val spacePx = space.roundToPx()
var occupied = 0
var lastSpace = 0
sizes.forEachIndexed { index, size ->
if (index == sizes.lastIndex) {
outPositions[index] = totalSize - size
} else {
outPositions[index] = min(occupied, totalSize - size)
}
lastSpace = min(spacePx, totalSize - outPositions[index] - size)
occupied = outPositions[index] + size + lastSpace
}
occupied -= lastSpace
}
}
关于android - 有没有办法对齐 LazyColumn 底部的项目?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68959841/