Android Jetpack Compose：如何反转Column及LazyColumn的元素排列顺序

原生 Column 反转排列 #

方法1：反转数据源 #

如果元素来自动态列表，直接反转列表后遍历渲染；固定元素则直接调整书写顺序：

// 动态列表场景
val items = listOf("a", "b", "c")
Column {
    items.reversed().forEach { item ->
        Text(item)
    }
}

// 固定元素场景
Column {
    Text("c")
    Text("b")
    Text("a")
}

方法2：利用 Column 的 reverseLayout 参数 #

通过设置 reverseLayout = true 反转布局排列方向，无需修改数据源：

Column(reverseLayout = true) {
    Text("a")
    Text("b")
    Text("c")
}

该参数会让最后添加的元素显示在最顶部，最终呈现 c -> b -> a 的顺序。

LazyColumn 反向显示 #

方法1：反转数据源 #

和 Column 逻辑一致，先反转列表再传入 items 方法：

val items = listOf("a", "b", "c")
LazyColumn {
    items(items.reversed()) { item ->
        Text(item)
    }
}

方法2：利用 LazyColumn 的 reverseLayout 参数 #

设置 reverseLayout = true 后，不仅会反转元素显示顺序，还会改变滚动方向（默认向下滚动变为向上滚动）：

val items = listOf("a", "b", "c")
LazyColumn(reverseLayout = true) {
    items(items) { item ->
        Text(item)
    }
}

此时元素会以 c -> b -> a 的顺序显示，滚动时向上滑动会加载列表前方的元素（若存在更多数据）。

内容的提问来源于stack exchange，提问作者user19095510