SwiftUI多按钮场景如何用单个状态控制Popover展示

你之前的代码失效的核心原因是两个按钮的Popover都绑定了同一个布尔状态，当布尔值变为true时，两个绑定了该状态的Popover会同时响应触发，自然无法正确展示对应按钮的内容。

不需要为每个按钮单独声明布尔状态变量，只用一个可选类型的状态变量即可实现所有按钮的Popover触发逻辑，步骤如下：

• 首先定义一个遵守Hashable协议的枚举，用来唯一标记每个会触发Popover的按钮
• 将原有的布尔类型状态替换为上面定义的枚举的可选类型，默认值为nil代表没有Popover需要弹出
• 使用SwiftUI自带的popover(item:)修饰符替代原有的popover(isPresented:)，在闭包内根据传入的枚举值返回对应要展示的Popover内容即可
• 每个按钮点击时，只需要把状态变量赋值为当前按钮对应的枚举值，就能触发对应Popover弹出

完整可运行的修正代码如下：

struct PopoverTest: View {
    // 仅需这一个状态变量，即可管理所有按钮的Popover
    @State var activePopover: PopoverButton? = nil
    
    var body: some View {
        VStack(spacing: 30) {
            // 秒表按钮
            Button {
                activePopover = .stopwatch
            } label: {
                Image(systemName: "stopwatch")
                    .font(.title)
            }
            .buttonStyle(PlainButtonStyle())
            
            // 矩形按钮
            Button {
                activePopover = .rectangle
            } label: {
                Image(systemName: "rectangle")
                    .font(.title)
            }
        }
        // 统一给父容器加Popover修饰符即可，不用每个按钮单独加
        .popover(item: $activePopover) { currentButton in
            // 根据当前触发的按钮类型返回对应内容
            switch currentButton {
            case .stopwatch:
                Text("Popover1")
                    .font(.largeTitle)
                    .padding()
            case .rectangle:
                Text("Popover2")
                    .font(.largeTitle)
                    .padding()
            }
        }
    }
}

// 标记按钮类型的枚举，后续新增按钮直接加case即可
enum PopoverButton: Hashable {
    case stopwatch
    case rectangle
}

这个实现方式的优势很明显：

• 后续新增触发Popover的按钮时，只需要在枚举里新增case、按钮点击赋值对应case、switch分支补对应内容即可，完全不需要新增状态变量，没有冗余代码
• 状态天然互斥，同一时间只会有一个枚举值被赋值，不会出现多个Popover同时触发的问题
• 所有Popover逻辑集中管理，后续维护改代码不用到处找绑定的状态变量

注意：popover(item:)要求传入的可选值遵守Hashable协议，所以定义的枚举一定要显式声明遵守Hashable，枚举没有关联值的话编译器会自动生成Hashable实现，不需要手动写方法。

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