android - Jetpack Compose LazyColumn 反向展示

Question

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

一个

b

c

你怎么能反转排列:

c

b

一个

在 android jetpack 中编写

Answer 1

如果您想在反转显示的同时保留集合的结构，则可以使用 LazyColumn 的 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
                )
            }
        }
    }
}