本文介绍了有没有办法在LazyColumn的底部对齐一项?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

因为我不知道列表上会有多少项,所以我使用LazyColumn。仅当列表未占满整个屏幕时,才应将底部的按钮放在那里;如果已占满整个屏幕,则应将该按钮下移并成为列表中的最后一项。

LazyColumn中移动按钮,如下所示:

LazyColumn(...) {
    items(items) { item -> ...}
    item { Button() } 
}

提供以下内容:

我尝试将SpacerfillMaxHeight()修饰符添加为两者之间的项,但它没有更改。

我还尝试在一个列中同时添加LazyColumnButton

Column {
   LazyColumn(
        modifier = Modifier.weight(1f)
   ) {
        items(items) { item -> ...}
   }
   Button()
}

但这仅将按钮固定在底部,就好像ColumnLinearLayout

考虑到这一点,是否可以将LazyColumn的某一项对齐,使其始终位于底部?或者,是否可以添加某种空间来填充可用区域?

推荐答案

closed issue所述,可以使用LazyColumnverticalArrangement参数通过实现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的底部对齐一项?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-29 19:24