如何在UIKit视图上方显示可透视背景的SwiftUI对话框？

问题出在两个核心点：UIHostingController的默认背景不透明，以及SwiftUI视图的布局没有正确覆盖全屏。按以下步骤修改即可实现需求：

1. 设置UIHostingController视图背景为透明 #

UIHostingController的view默认是白色不透明状态，这会直接遮挡背后的UIKit视图，必须显式设置为透明：

func showTestDialog() {
    let testView = TestDialog()
    let testchildView = UIHostingController(rootView: testView)
    
    addChild(testchildView)
    // 关键：让hosting控制器的背景透明
    testchildView.view.backgroundColor = .clear
    let titleBarOffset: CGFloat = 11
    testchildView.view.frame = view.frame.offsetBy(dx: 0, dy: -titleBarOffset)
    view.addSubview(testchildView.view)
    testchildView.didMove(toParent: self)
}

2. 优化SwiftUI对话框的全屏布局 #

你的SwiftUI代码里，半透明背景只设置了纵向全屏，缺少横向覆盖，同时建议添加ignoresSafeArea()确保覆盖整个屏幕（包括安全区域）：

struct TestDialog: View {
    var body: some View {
        ZStack {
            // 全屏半透明背景，覆盖整个屏幕
            Color.black.opacity(0.5)
                .ignoresSafeArea()
            
            VStack(alignment: .center, spacing: 15) {
                Text("Some Text")
                    .multilineTextAlignment(.center)
                    .padding()
                Button(action: {}) {
                    Text("Button 1")
                        .padding(10)
                }
                Button(action: {}) {
                    Text("Button 2")
                        .padding(10)
                }
            }
            .padding()
            .background(
              RoundedRectangle(cornerRadius: 12)
                .foregroundColor(.white))
            .padding(40)
        }
    }
}

修改完成后，你就能透过对话框的半透明背景看到背后的UIKit视图，还可以通过调整Color.black.opacity(0.5)里的数值自由控制背景透明度。

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