SwiftUI如何在全屏View上正确展示confirmationDialog弹窗？

问题原因 #

iPad 端的 confirmationDialog 默认采用气泡弹窗样式，需要锚定到特定小视图计算气泡位置。你将修饰符绑定到了全屏大小的 VStack 上，系统无法定位有效的锚点，导致弹窗无法正常渲染显示。

解决方案 #

方案1：指定锚点与箭头样式（兼容 iOS 15+） #

通过 attachmentAnchor 参数指定锚定区域为绑定视图的整体 bounds，同时设置 arrowEdge 为空数组隐藏箭头，即可让弹窗在屏幕中央正常展示，修改后的代码如下：

struct ContentView: View {
    @State var showConf = false
    var body: some View {
        VStack(spacing: 0) {
            Spacer(minLength: 20)
            Button("Test Conf. Dialog") {
                showConf = true
            }
            Spacer()
        }
        .frame(maxWidth: .infinity)
        .background(Color.blue.opacity(0.3))
        .confirmationDialog("Test", isPresented: $showConf, attachmentAnchor: .rect(.bounds), arrowEdge: []) {
            Button("Yes") {
                print("Yes!")
            }
            Button("取消", role: .cancel) {}
        }
    }
}

方案2：强制修改呈现样式（适配 iOS 16+） #

如果不需要气泡样式，可以添加 presentationCompactAdaptation 修饰符，强制 confirmationDialog 在 iPad 端也采用底部弹出的 Sheet 样式，彻底摆脱锚点位置限制：

struct ContentView: View {
    @State var showConf = false
    var body: some View {
        VStack(spacing: 0) {
            Spacer(minLength: 20)
            Button("Test Conf. Dialog") {
                showConf = true
            }
            Spacer()
        }
        .frame(maxWidth: .infinity)
        .background(Color.blue.opacity(0.3))
        .confirmationDialog("Test", isPresented: $showConf) {
            Button("Yes") {
                print("Yes!")
            }
            Button("取消", role: .cancel) {}
        }
        .presentationCompactAdaptation(.sheet)
    }
}

方案3：绑定到触发按钮 #

如果没有强制绑定全屏视图的需求，直接将 confirmationDialog 修饰符挂载到触发弹窗的 Button 上即可自动锚定，无需修改其他参数，适配全iOS版本。

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