Jetpack Compose LazyColumn 反向展示

Question

包含元素 a、b 和 c 的原生可组合列：

一种

b

c

你怎么能颠倒安排：

c

b

一种

在 android 喷气背包中

Answer 1

如果您想在反转显示的同时保留集合的结构，则可以使用LazyColumn's reverseLayout参数。

假设您有这些物品。

val items = listOf("Apple", "Banana", "Cherry", "Dogs", "Eggs", "Fruits")

ItemList(items = items)

只需将LazyColumn's reverseLayout设置为 true

@Composable
fun ItemList(items: List<String>) {

    LazyColumn(
        reverseLayout = true
    ) {
        items(items) { item ->
            Box(modifier = Modifier
                .height(80.dp)
                .fillMaxWidth()
                .border(BorderStroke(Dp.Hairline, Color.Gray)),
                contentAlignment = Alignment.Center
            ) {
                Text(
                    text = item
                )
            }
        }
    }
}