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

问题描述

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

因为我不知道列表上会有多少项，所以我使用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
                }
            }
        }
    }
})

如果要像我一样在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的底部对齐一项？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！