Jetpack Compose LazyColumn 反向显示

Question

包含元素 a、b 和 c 的本机可组合列：

A

乙

C

你怎样才能扭转安排：

C

乙

A

在 android jetpack 中撰写

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
                )
            }
        }
    }
}