有没有办法在 LazyColumn 的底部对齐一个项目？

Question

我正在尝试实现一个底部带有按钮的列表，如下所示：

因为我不知道列表中有多少项目，所以我使用 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 的其中一项，使其始终位于底部？或者，添加某种 space 来填充可用区域？

Answer 1

如本 closed issue 所述，可以使用 LazyColumn 的 verticalArrangement 参数通过实施 Arrangement.Vertical:[=18 来对齐底部的最后一项=]

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

如果你想在 verticalArrangement 参数上将它与 spacedBy 一起使用，就像我一样，你可以使用以下内容：

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

有没有办法在 LazyColumn 的底部对齐一个项目？

Is there a way to align a item on the bottom of a LazyColumn?

android

android-jetpack-compose

android-jetpack-compose-list