如何使用Jetpack Compose实现自动适配列宽的GridLayout？

</androidx.gridlayout.widget.GridLayout>

效果示意图：
![网格布局列自适应效果](https://i.sstatic.net/XyvJl.png)

目前我在Jetpack Compose中只能通过硬编码padding的方式实现类似效果：
```kotlin
Column {
  Box{
    Text()
    Text(modifier = Modifier.padding(start = xxxxxx))
  }
  ...
}

有没有更优的实现方式？

最优实现方案 #

可以利用Jetpack Compose的**固有尺寸测量（Intrinsic Size）**特性，无需硬编码padding即可实现列宽自动适配最宽视图的效果，以下是两种常用场景的实现：

1. 固定行数的简单布局

使用Column包裹Row，结合IntrinsicSize.Max让列宽自动匹配最宽元素：

Column(
    modifier = Modifier.width(IntrinsicSize.Max) // 让Column取子项的最大宽度作为自身宽度
) {
    // 第一行
    Row(
        modifier = Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.spacedBy(8.dp) // 设置列间距
    ) {
        Text("短文本", modifier = Modifier.weight(1f, fill = false))
        Text("这是列中最长的文本内容", modifier = Modifier.weight(1f, fill = false))
    }
    // 第二行
    Row(
        modifier = Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        Text("很长很长的测试文本", modifier = Modifier.weight(1f, fill = false))
        Text("短文本", modifier = Modifier.weight(1f, fill = false))
    }
}

2. 多行多列的网格布局

如果是需要滚动的多网格布局，使用LazyVerticalGrid配合固有尺寸：

LazyVerticalGrid(
    columns = GridCells.Fixed(2), // 指定列数
    modifier = Modifier.width(IntrinsicSize.Max),
    horizontalArrangement = Arrangement.spacedBy(8.dp),
    verticalArrangement = Arrangement.spacedBy(8.dp)
) {
    items(6) { index ->
        val text = if (index == 2) "这是列中最长的示例文本" else "文本$index"
        Text(text, modifier = Modifier.width(IntrinsicSize.Max))
    }
}

核心原理

• Modifier.width(IntrinsicSize.Max)：让父布局先遍历测量所有子项的宽度，取最大值作为自身宽度，确保每列宽度统一适配最宽元素。
• Modifier.weight(1f, fill = false)：让每行内的元素均分可用空间，但不会强制填充，保留元素自身的宽度特性，同时保证列对齐。

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