Jetpack Compose普通Column如何实现反向排列？无需自定义布局

方法1：反转子组件列表后遍历渲染 #

直接将需要排列的子项放入列表，反转后遍历渲染，适合子项数量固定的场景（比如你提到的Modal按钮组）：

// 源码中顺序为 Cancel、Confirm
val actionButtons = listOf(
    { CancelButton() },
    { ConfirmButton() }
)

Column {
    // 反转后渲染，顺序变为 Confirm、Cancel
    actionButtons.reversed().forEach { it() }
}

如果是直接写子项的场景，也可以手动用列表包裹：

Column {
    listOf(
        { Text("A") },
        { Text("B") },
        { Text("C") }
    ).reversed().forEach { it() }
}

方法2：利用LazyColumn的reverseLayout参数（禁用滚动） #

既然你知道LazyColumn有reverseLayout参数，可以用它替代普通Column，同时禁用滚动功能，让它表现得和普通Column一致：

LazyColumn(
    reverseLayout = true,
    userScrollEnabled = false, // 禁用滚动
    modifier = Modifier.wrapContentHeight() // 包裹内容高度，避免占满父布局
) {
    item { Text("A") }
    item { Text("B") }
    item { Text("C") }
}

这种方法无需修改子项顺序，直接通过参数控制排列方向，适合需要复用现有代码结构的场景。

这两种方法都不需要自定义布局，完全基于Compose内置组件实现，能满足你在Modal小宽度下反转按钮排列顺序的需求。

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