如何调整SwiftUI中Picker弹出选择列表的宽度？

在iPad上，SwiftUI默认的Picker弹出层（popover样式）宽度受系统限制，容易导致选项文本换行。以下是两种无需修改Picker本身宽度，仅调整弹出层宽度的方法：

方法一：iOS 16+ 原生快捷方案 #

从iOS 16开始，SwiftUI提供了presentationSize修饰符，可直接指定popover尺寸，无需自定义弹出内容：

Picker("Voice", selection: $model.voice) {
    ForEach(AVSpeechSynthesisVoice.speechVoices(), id: \.identifier) { voice in
        Text("\(Locale.current.localizedString(forIdentifier: voice.language) ?? voice.language) – \(voice.name)").tag(voice)
    }
}
.presentationCompactAdaptation(.popover) // 显式指定popover样式，确保iPad上的表现一致
.presentationSize(width: 500) // 设置弹出层的自定义宽度，可按需调整数值

通过presentationSize直接控制弹出层宽度，Picker本身的布局完全不受影响。

方法二：兼容iOS 15及更早版本的自定义方案 #

如果需要支持iOS 15或更早版本，可通过自定义弹出视图替代系统默认的Picker弹出层：

@State private var isVoicePickerShowing = false
@Binding var selectedVoice: AVSpeechSynthesisVoice

var body: some View {
    // 模拟系统Picker外观，点击触发自定义弹出层
    Button(action: { isVoicePickerShowing.toggle() }) {
        HStack {
            Text("Voice")
            Spacer()
            Text("\(Locale.current.localizedString(forIdentifier: selectedVoice.language) ?? selectedVoice.language) – \(selectedVoice.name)")
                .foregroundColor(.secondary)
        }
        .contentShape(Rectangle()) // 确保整个区域可响应点击
    }
    // 自定义弹出层，设置指定宽度
    .popover(isPresented: $isVoicePickerShowing, arrowEdge: .top) {
        List(AVSpeechSynthesisVoice.speechVoices(), id: \.identifier) { voice in
            Button(action: {
                selectedVoice = voice
                isVoicePickerShowing.toggle() // 选择后关闭弹出层
            }) {
                Text("\(Locale.current.localizedString(forIdentifier: voice.language) ?? voice.language) – \(voice.name)")
            }
        }
        .frame(width: 500) // 自定义弹出列表宽度
        .padding(.vertical, 8) // 微调内边距，贴近系统样式
    }
}

这种方法通过按钮模拟Picker外观，自定义弹出的List控制宽度，既兼容旧版本系统，又不改变Picker本身的布局。

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