SwiftUI技术问题：点击弹窗外部关闭由$isAlertShowing控制的添加笔记弹窗

自定义弹窗（如添加新笔记弹窗） #

如果你的弹窗是通过@Binding var isAlertShowing控制显示的自定义视图（比如基于ZStack实现的弹窗），可以通过给背景遮罩添加点击手势来实现外部点击关闭：

struct AddNotePopup: View {
    @Binding var isAlertShowing: Bool
    @State private var noteContent = ""
    
    var body: some View {
        ZStack {
            // 半透明背景遮罩，点击时关闭弹窗
            if isAlertShowing {
                Color.black.opacity(0.3)
                    .edgesIgnoringSafeArea(.all)
                    .onTapGesture {
                        isAlertShowing = false
                    }
                
                // 弹窗主体内容
                VStack(spacing: 16) {
                    Text("添加新笔记")
                        .font(.headline)
                    
                    TextField("输入笔记内容", text: $noteContent)
                        .textFieldStyle(.roundedBorder)
                    
                    Button("保存") {
                        // 处理保存逻辑
                        isAlertShowing = false
                    }
                    .buttonStyle(.borderedProminent)
                }
                .padding()
                .background(Color.white)
                .cornerRadius(12)
                .shadow(radius: 8)
                // 阻止点击弹窗内部时触发背景的关闭手势
                .onTapGesture {}
            }
        }
    }
}

核心细节：

• 遮罩层需置于弹窗内容下方，确保外部区域的点击能被捕获
• 给弹窗内容添加空的onTapGesture，避免误触关闭逻辑

系统Alert实现外部点击关闭 #

SwiftUI原生Alert不支持点击外部关闭，需通过UIKit桥接实现：

import SwiftUI

struct DismissibleAlert: UIViewControllerRepresentable {
    @Binding var isPresented: Bool
    let title: String
    let message: String?
    
    func makeUIViewController(context: Context) -> UIViewController {
        UIViewController()
    }
    
    func updateUIViewController(_ vc: UIViewController, context: Context) {
        guard isPresented, vc.presentedViewController == nil else { return }
        
        let alert = UIAlertController(title: title, message: message, preferredStyle: .alert)
        // 添加空取消动作（避免系统自动生成默认按钮）
        alert.addAction(UIAlertAction(title: "", style: .cancel))
        
        // 开启外部点击关闭功能
        alert.view.superview?.subviews.first?.isUserInteractionEnabled = true
        alert.view.superview?.subviews.first?.addGestureRecognizer(
            UITapGestureRecognizer(target: context.coordinator, action: #selector(context.coordinator.dismiss))
        )
        
        vc.present(alert, animated: true)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject {
        let parent: DismissibleAlert
        
        init(_ parent: DismissibleAlert) {
            self.parent = parent
        }
        
        @objc func dismiss() {
            parent.isPresented = false
        }
    }
}

// 使用示例
struct ContentView: View {
    @State private var isAlertShowing = false
    
    var body: some View {
        Button("显示提示") {
            isAlertShowing = true
        }
        // 原生Alert占位（避免SwiftUI状态异常）
        .alert(isPresented: $isAlertShowing) {
            Alert(title: Text(""))
        }
        // 叠加自定义可关闭Alert
        .overlay(DismissibleAlert(isPresented: $isAlertShowing, title: "提示", message: "点击外部区域关闭"))
    }
}

注意：此方法依赖UIAlertController的底层视图结构，属于非官方实现，需注意iOS版本兼容性。

内容的提问来源于stack exchange，提问作者Vishva Raj Singh