如何将Jetpack Compose的LazyVerticalGrid项靠右排列？

你遇到的horizontalArrangement = Arrangement.End未生效的问题，核心原因是自定义GridCells计算出的列宽加间距刚好填满了LazyVerticalGrid的可用宽度，没有剩余空间让排列规则生效。以下是两种可行的解决方法：

方案一：调整列宽计算逻辑，预留左侧空白 #

修改自定义GridCells的宽度计算逻辑，让列组总宽度（含间距）小于网格可用宽度，这样Arrangement.End就能将列组靠右排列：

LazyVerticalGrid(
    modifier = Modifier
        .fillMaxWidth()
        .height(gridHeight.dp)
        .padding(horizontal = 20.dp),
    columns = object : GridCells {
        override fun Density.calculateCrossAxisCellSizes(
            availableSize: Int,
            spacing: Int,
        ): List<Int> {
            // 将列组总宽度设为可用宽度的80%，比例可按需调整
            val desiredTotalWidth = availableSize * 4 / 5
            val firstColumn = (desiredTotalWidth - spacing) * 3 / 5
            val secondColumn = desiredTotalWidth - spacing - firstColumn
            return listOf(secondColumn, firstColumn)
        }
    },
    userScrollEnabled = false,
    horizontalArrangement = Arrangement.End
) {
    // 填充Item内容
}

方案二：用Row包裹实现整体靠右 #

将LazyVerticalGrid放入Row容器中，通过Row的排列规则让整个网格靠右：

Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.End
) {
    LazyVerticalGrid(
        modifier = Modifier
            .height(gridHeight.dp)
            .padding(horizontal = 20.dp),
        columns = object : GridCells {
            override fun Density.calculateCrossAxisCellSizes(
                availableSize: Int,
                spacing: Int,
            ): List<Int> {
                val firstColumn = (availableSize - spacing) * 3 / 5
                val secondColumn = availableSize - spacing - firstColumn
                return listOf(secondColumn, firstColumn)
            }
        },
        userScrollEnabled = false
    ) {
        // 填充Item内容
    }
}

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