如何在Compose LazyVerticalGrid中设置最大列数？

GridCells.Adaptive本身没有直接设置最大列数的参数，你可以通过自定义GridCells实现这个需求，核心思路是在计算列数时，取自适应计算出的列数和最大列数（这里是2）的较小值。

方法一：自定义GridCells实现 #

直接创建自定义的GridCells对象，在calculateCrossAxisCellSizes方法里处理列数逻辑：

fun GridCells.AdaptiveWithMaxColumns(minSize: Dp, maxColumns: Int): GridCells {
    return object : GridCells {
        override fun Density.calculateCrossAxisCellSizes(
            availableSize: Int,
            spacing: Int
        ): List<Int> {
            // 先按Adaptive的逻辑计算基础列数
            val baseColumns = (availableSize + spacing) / (minSize.roundToPx() + spacing)
            // 取基础列数和最大列数的最小值，同时保证至少1列
            val actualColumns = min(baseColumns, maxColumns).coerceAtLeast(1)
            
            // 计算每列的基础宽度，扣除总间距后均分
            val totalSpacing = spacing * (actualColumns - 1)
            val cellSize = (availableSize - totalSpacing) / actualColumns
            val remainingPixels = (availableSize - totalSpacing) % actualColumns
            
            // 分配剩余像素，让前几列多1px，保证列宽均匀
            return List(actualColumns) { index ->
                cellSize + if (index < remainingPixels) 1 else 0
            }
        }
    }
}

然后在LazyVerticalGrid中直接使用：

LazyVerticalGrid(
    columns = AdaptiveWithMaxColumns(minSize = 192.dp, maxColumns = 2),
    horizontalArrangement = Arrangement.spacedBy(8.dp),
    // 其他参数（如content、verticalArrangement等）
) {
    // 填充你的网格内容
    items(10) { index ->
        // 单个网格项布局
        Box(
            modifier = Modifier
                .fillMaxWidth()
                .height(120.dp)
                .background(Color.Gray.copy(alpha = 0.2))
        ) {
            Text(text = "Item $index", modifier = Modifier.align(Alignment.Center))
        }
    }
}

方法二：基于父容器宽度动态切换GridCells #

如果场景简单，也可以根据父容器的实际宽度，动态在GridCells.Fixed(2)和GridCells.Adaptive(192.dp)之间切换：

val density = LocalDensity.current
val minSizePx = with(density) { 192.dp.roundToPx() }
val maxColumns = 2
val spacing = 8.dp
val spacingPx = with(density) { spacing.roundToPx() }
val parentWidth = remember { mutableStateOf(0) }

LazyVerticalGrid(
    columns = with(density) {
        // 计算显示maxColumns列所需的最小宽度
        val minWidthForMaxColumns = minSizePx * maxColumns + spacingPx * (maxColumns - 1)
        if (parentWidth.value >= minWidthForMaxColumns) {
            GridCells.Fixed(maxColumns)
        } else {
            GridCells.Adaptive(192.dp)
        }
    },
    modifier = Modifier.fillMaxWidth().onSizeChanged { parentWidth.value = it.width },
    horizontalArrangement = Arrangement.spacedBy(spacing),
    // 其他参数
) {
    // 网格内容
}

这种方法无需自定义GridCells，适合不需要复杂列宽分配的简单场景。

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