SwiftUI如何移除LazyVGrid内容水平内边距并定位间隙来源

首尾水平间隙不是系统默认添加的内边距，是GridItem(.adaptive)的布局计算逻辑导致的：

• 代码中给自适应网格列设置了固定最大宽度maximum: 400，单列宽度上限被锁死在400pt，无法自动拉伸填充更多空间。
• LazyVGrid布局时会先根据容器宽度、列最小宽度、列间距三个值，计算当前能放下的最多列数；如果「列数*单列最大宽度 + (列数-1)*列间距」的总宽度小于LazyVGrid的实际可用宽度，剩余的水平空间会被平均拆分到整个网格内容的左右两侧，就形成了首尾的空白间隙。
• 从运行截图可以验证：LazyVGrid本身（蓝色边框、绿色背景区域）是完全撑满父容器宽度的，间隙只存在于内部列和容器边缘之间，不存在额外的padding设置问题。
  

如果不需要限制单列最大宽度，直接移除maximum参数即可，让列可以自动拉伸平分剩余空间，填满整个容器宽度，修改后的完整代码：

let gridItems = [GridItem(.adaptive(minimum: 300), spacing: 10)]

ScrollView(.vertical, showsIndicators: false) {
    LazyVGrid(columns: gridItems) {
        ForEach(item) { i in
            HStack(spacing: 0) {
                Text("Testing")
                Spacer()
            }
            .border(.pink)
        }
    }
    .background(.green)
    .border(.blue)
}
.border(.red)

如果业务需求必须保留单列最大400pt的宽度限制，可根据场景选择调整方案：

• 给LazyVGrid设置和网格内容总宽度匹配的固定宽度，让布局计算时不会产生剩余空间，从根源消除两侧间隙
• 将GridItem类型替换为.flexible(minimum: 300, maximum: 400)，配合alignment: .leading让网格内容左对齐，注意这种方式只会消除左侧间隙，右侧会留下整块空白，仅适合不需要列等比拉伸的场景。

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