SwiftUI中设置layoutPriority后Grid视图布局变大的原因？

问题场景 #

在SwiftUI的Grid布局中，默认情况下Text会占用自身所需的固定宽度，ProgressView则使用剩余的可用空间，如图所示：

但为ProgressView添加.layoutPriority(1)修饰符后，整个Grid视图会扩展，ProgressView占据了更多空间，效果如下：

对应的代码实现：

struct Grids: View {
    let data = [Entity(id: "1", type: "Dog", votes: 29),
                .init(id: "2", type: "GoldxxxxFish", votes: 6),
                .init(id: "3", type: "Cat", votes: 12)]
    var totalVotes : Int {
        data.reduce(0, {x,y in
            x + y.votes
        })
    }
    var body: some View {
        Grid(alignment: .leading){
            ForEach(data){pet in
                GridRow{
                    Text(pet.type)

                    ProgressView(value: Double(pet.votes), total: Double(totalVotes))
                        .layoutPriority(1)
                }
            }
        }
    }
}

#Preview {
    Grids()
}

struct Entity:Identifiable{
    let id: String
    let type: String
    let votes : Int
}

原因分析 #

结合苹果官方文档中layoutPriority的规则，以及SwiftUI的布局逻辑，尺寸变化的核心原因如下：

1. layoutPriority的优先级规则
   layoutPriority的作用是改变子视图在布局时的优先级：父视图的可用空间会优先分配给优先级更高的子视图，剩余空间再分配给低优先级视图。默认所有视图的优先级都是0，当给ProgressView设置layoutPriority(1)后，它的优先级高于默认的Text。

2. ProgressView的弹性特性
   ProgressView属于弹性视图，它没有固定的理想宽度——在有可用空间时，它会尽可能扩展自身尺寸以填充空间；空间不足时则收缩到最小必要宽度。

3. Grid的自适应布局逻辑
   示例中的Grid没有设置固定frame限制，其整体尺寸由内容的需求决定：

   • 默认情况下，Text（固定宽度）和ProgressView（最小必要宽度）的总需求决定了Grid的宽度。
   • 当ProgressView优先级提升后，它会优先向Grid请求尽可能大的宽度（因为弹性视图的特性），Grid会向其父容器（比如预览窗口）申请更大的尺寸来满足高优先级视图的需求，最终整个Grid变宽，ProgressView也就获得了更多的显示空间。

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