SwiftUI iPad端popover、sheet等弹窗切换失效问题及解决方案咨询

问题描述 #

在 iOS 16 版本的 iPad 设备（含模拟器）上，存在以下弹窗交互故障：

• 当 popover 或以 popover 形式呈现的 confirmation dialog 处于打开状态时，点击背景按钮尝试打开 sheet 或其他非 popover/confirmation 类型弹窗，第二个弹窗无法正常触发，重复点击也无效。
• 两个 popover 或 confirmation dialog 之间可以正常切换。
• 将弹窗附加到按钮而非父容器上，无法解决问题。

示例代码 #

struct ContentView: View {
    @State var popoverpresented = false
    @State var confirmationPresented = false
    @State var confirmationPresented2 = false
    @State var sheetPresented = false

    var body: some View {
        VStack {
            Spacer()
            Button("popover") {
                popoverpresented = true
            }
            Spacer()
            Button("confirmation dialog 1") {
                confirmationPresented = true
            }
            Spacer()
            Button("confirmation dialog 2") {
                confirmationPresented2 = true
            }
            Spacer()
            Button("Sheet") {
                sheetPresented = true
            }
            Spacer()
        }
        .popover(isPresented: $popoverpresented) {
            Text("First popover")
        }
        .confirmationDialog(
            "Confirmation dialog 1",
            isPresented: $confirmationPresented,
            titleVisibility: .visible
        ) {
            Button("button") {}
        } message: {
            VStack {
                Text("Some text")
            }
        }
        .confirmationDialog(
            "Confirmation dialog 2",
            isPresented: $confirmationPresented2,
            titleVisibility: .visible
        ) {
            Button("button") {}
        } message: {
            VStack {
                Text("Some text")
            }
        }
        .sheet(isPresented: $sheetPresented) {
            Text("Sheet")
        }
    }
}

最优解决方案 #

1. 主动联动弹窗状态（推荐） #

无需全局禁用按钮，而是在触发非 popover/confirmation 类型弹窗时，先主动关闭当前打开的 popover/confirmation，再打开目标弹窗。具体实现步骤：

• 新增状态变量追踪 popover/confirmation 类弹窗的打开状态：

  @State private var isPopoverStyleOpen = false
  

• 为每个 popover/confirmation 的 isPresented 创建自定义绑定，同步更新追踪变量：

  private var popoverBinding: Binding<Bool> {
      Binding(
          get: { popoverpresented },
          set: {
              popoverpresented = $0
              isPopoverStyleOpen = $0
          }
      )
  }
  
  private var confirmation1Binding: Binding<Bool> {
      Binding(
          get: { confirmationPresented },
          set: {
              confirmationPresented = $0
              isPopoverStyleOpen = $0
          }
      )
  }
  
  // 同理为 confirmationPresented2 创建绑定
  

• 在触发 sheet 时，先关闭所有 popover/confirmation 弹窗，再打开 sheet：

  Button("Sheet") {
      // 关闭所有已打开的 popover/confirmation
      popoverpresented = false
      confirmationPresented = false
      confirmationPresented2 = false
      // 延迟执行确保状态更新完成
      DispatchQueue.main.async {
          sheetPresented = true
      }
  }
  

  这种方式保留了原生组件的交互体验，同时避免了状态不同步问题。

2. 针对 iPad 替换弹窗类型 #

如果不需要保留 iPad 原生的 popover 交互，可以直接在 iPad 上将 popover 和 confirmation dialog 替换为 sheet 或 alert：

Button("popover") {
    if UIDevice.current.userInterfaceIdiom == .pad {
        sheetPresented = true
    } else {
        popoverpresented = true
    }
}

该方案实现简单，但会牺牲 iPad 专属的弹窗样式与交互逻辑。

3. 全局状态管理（不推荐） #

使用全局布尔变量追踪任意弹窗的打开状态，在按钮点击时判断状态，或通过自定义绑定自动禁用按钮。这种方式会增加状态管理复杂度，容易出现状态不同步问题，仅作为备选方案。

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