LazyVGrid在不同Xcode版本表现差异及等间距设置问题

一、旧应用在新设备上的表现 #

苹果对SwiftUI组件的行为调整通常遵循向后兼容原则，但存在部分隐性逻辑变更（比如布局优先级、间距计算的微调）。旧应用的表现分两种情况：

• 若旧应用是用Xcode 14之前的版本编译的安装包，在新iOS设备上运行时，会依赖对应系统版本的SwiftUI Runtime，部分旧布局行为可能被保留，但不绝对，取决于苹果的兼容策略。
• 若旧应用是用Xcode 14+重新编译的，会直接采用新版LazyVGrid的布局逻辑，和你当前看到的间距不一致效果一致。

二、实现LazyVGrid横竖间距动态相等的方法 #

不能仅依赖GridItem的spacing参数（仅控制水平间距），需结合动态计算和布局约束来实现：

1. 基于容器尺寸动态计算
   用GeometryReader获取父容器宽度，结合列数算出每个Item的宽高，再将剩余空间平分为横竖间距：

struct EqualSpacingGrid: View {
    let items: [String]
    let columnCount = 3
    let baseSpacing: CGFloat = 10 // 可根据需求调整

    var body: some View {
        GeometryReader { geo in
            let totalSpacing = baseSpacing * CGFloat(columnCount + 1)
            let itemSize = (geo.size.width - totalSpacing) / CGFloat(columnCount)
            
            LazyVGrid(
                columns: Array(repeating: GridItem(.fixed(itemSize), spacing: baseSpacing), count: columnCount),
                spacing: baseSpacing
            ) {
                ForEach(items, id: \.self) { item in
                    CardView(text: item)
                        .frame(width: itemSize, height: itemSize) // 强制Item宽高一致
                }
            }
        }
    }
}

2. 自适应列数场景
   若不需要固定列数，使用GridItem(.adaptive(minimum: 80))，同时设置LazyVGrid的spacing参数统一控制横竖间距，只需确保Item本身为正方形即可：

LazyVGrid(columns: [GridItem(.adaptive(minimum: 80), spacing: 10)], spacing: 10) {
    ForEach(items, id: \.self) { item in
        CardView(text: item)
            .aspectRatio(1, contentMode: .fit) // 强制正方形
    }
}

三、移除Text或添加padding解决问题的原因 #

核心是SwiftUI内容压缩抵抗与布局优先级的影响：

• 当CardView内的Text未加padding时，Text的固有尺寸（比如多行文本、字体行高）会让CardView的高度略大于宽度，破坏了Item的宽高比。LazyVGrid的行间距是基于Item实际高度计算的，此时垂直间距会因Item高度偏差，视觉上和水平间距不一致。
• 移除Text后，CardView的尺寸由背景、边框等元素决定，容易保持正方形；添加padding后，Text的内容被padding约束，CardView的尺寸会被规整为正方形，此时LazyVGrid的横竖间距计算逻辑匹配，视觉上就一致了。

内容的提问来源于stack exchange，提问作者J. Doe