SwiftUI技术问题：无法从Picker选项中的按钮打开Sheet

这个问题很常见——Picker的内部容器会拦截子视图的交互事件，导致你绑定在内部Button上的Sheet无法正常触发。这里有个简单的修复方案：

调整代码结构，将Sheet移到Picker外部 #

把Sheet的绑定逻辑从Picker内部的Button上剥离，让Button只负责修改状态变量，而Sheet直接绑定在Picker（或其父视图）上：

// 确保你的视图里有这些状态变量和数据
@State private var sheetIsPresented = false
@State private var value: String = "" // 根据你的实际类型调整
private let options: [String] = ["Option 1", "Option 2"] // 示例选项

var body: some View {
    Picker(NSLocalizedString("Pick an option", comment: ""), selection: $value) {
        ForEach(options, id: \.self) { option in
            Text(option).tag(option)
        }
        Button(action: {
            sheetIsPresented.toggle()
        }) {
            HStack {
                Image(systemName: "plus")
                Text("Add new option") // 可选，让按钮更直观
            }
        }
    }
    // 将Sheet移到Picker外部，直接绑定状态变量
    .sheet(isPresented: $sheetIsPresented) {
        AddView()
    }
}

为什么原来的代码不工作？ #

Picker的内容视图是被Picker的原生控件（比如UIPickerView或Menu组件）包裹的，这些控件会优先处理点击事件，导致你放在内部的Button的点击手势被拦截，无法触发Sheet的弹出逻辑。通过将Sheet移到Picker外部，让状态变量sheetIsPresented来控制弹出，就绕过了Picker的事件拦截问题。

如果你的App目标是iOS 16+，还可以考虑用Picker(selection:content:label:)结合.pickerStyle(.menu)的样式，这种情况下内部Button的交互会更顺畅，但上面的方案兼容更早的iOS版本，适用性更广。

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