SwiftUI Picker在真机上不遵循设置的Frame尺寸问题

我的Picker视图仅在真机上会超出设置的Frame尺寸，模拟器中显示完全正常。该视图没有放在Form或List里，只是在VStack内部。相关代码如下：

var body: some View {
    HStack {
        Text(title)
            .foregroundColor(.gray)
        Spacer()
        
        if isEditing {
            Picker(selection: $value) {
                Section {
                    Text("None").tag("None")
                }
                Section {
                    ForEach(Countries.all, id: \.self) { i in
                        Text(i).tag(i)
                    }
                }
            } label: {}
            .frame(height: DocumentPage.rowHeight) // 这里的设置被忽略
        } else {
            // 非编辑状态下的视图
        }
        
    }
    .frame(height: DocumentPage.rowHeight) // 这里的设置也被忽略
}

模拟器与真机显示对比：

解决方案 #

• 添加固定尺寸约束：给Picker追加.fixedSize(horizontal: false, vertical: true)，强制它遵守垂直方向的Frame限制：

Picker(selection: $value) {
    // 原有Section和ForEach代码
} label: {}
.frame(height: DocumentPage.rowHeight)
.fixedSize(horizontal: false, vertical: true)

• 裁剪超出内容：如果固定尺寸约束无效，给外层HStack加上.clipped()，直接剪掉超出Frame的部分：

HStack {
    // 原有Text和Picker代码
}
.frame(height: DocumentPage.rowHeight)
.clipped()

• 指定Picker样式：默认Picker样式在真机有系统最小高度限制，手动设置.inlinePickerStyle()可以让它自适应父视图尺寸：

Picker(selection: $value) {
    // 原有Section和ForEach代码
} label: {}
.frame(height: DocumentPage.rowHeight)
.pickerStyle(.inline)

原因：真机上的Picker默认样式存在系统级最小高度约束，优先级高于自定义Frame，导致设置被忽略；模拟器渲染逻辑与真机存在差异，未触发该约束冲突。

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