使用GridCells.Adaptive()时，如何让LazyVerticalGrid单元格占满宽度？

当使用GridCells.Fixed()时，你可以通过指定固定跨列数让item占满宽度，但GridCells.Adaptive()是根据父容器宽度动态计算列数的，不能写固定数字，核心解决方法是用GridItemSpan.Full让item自动适配所有列：

修改后的代码示例：

LazyVerticalGrid(
    modifier = Modifier.fillMaxSize(),
    // 自适应列：保证每个单元格宽度不小于设置的minSize，自动计算列数
    columns = GridCells.Adaptive(minSize = 120.dp),
    contentPadding = PaddingValues(horizontal = 16.dp),
    verticalArrangement = Arrangement.spacedBy(12.dp),
    horizontalArrangement = Arrangement.spacedBy(12.dp),
) {                 
    if (loadMore) {
        // 用GridItemSpan.Full自动占满当前所有列的宽度
        item(span = { GridItemSpan(GridItemSpan.Full) }) {
            // 加载更多的UI内容
        }
    }

    // 常规单元格列表项
    items(yourDataList) { item ->
        // 单元格内容布局
    }
}

关键说明：

• GridCells.Adaptive(minSize = 120.dp)：会根据父容器宽度自动计算可容纳的列数，确保每个单元格宽度不小于设定的最小尺寸
• GridItemSpan.Full：无需指定固定列数，自动适配当前动态计算出的列数，让item直接占满整个横向宽度
• 保留horizontalArrangement和contentPadding的设置，保证单元格间距和边距的合理性，避免出现不必要的空隙

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