PhotosPicker选择图片后弹出的.fullScreenCover背景透明且忽略安全区域的问题咨询

看起来你遇到了两个小问题：全屏弹窗的背景透明，以及内容没有适配安全区域导致按钮位置异常。我来帮你分析下原因并给出修复方案：

问题原因分析 #

1. 背景透明问题：SwiftUI的fullScreenCover本身并不会默认提供白色背景，当你的弹窗根视图没有明确设置背景色时，就会直接透出下层视图的颜色（也就是你HomeView里的绿色背景）。你一开始想到添加背景的思路是对的，但还需要结合安全区域处理。
2. 安全区域适配问题：你的DocumentView里的VStack没有考虑系统安全区域（比如底部的Home Indicator或者顶部的刘海区域），导致按钮会被系统元素遮挡，或者跑到不符合预期的位置。

修复后的DocumentView代码 #

只需要修改DocumentView的实现，就能同时解决两个问题：

struct DocumentView: View {
    private(set) var data: Data
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        ZStack {
            // 填充全屏白色背景，覆盖包括安全区域在内的整个屏幕
            Color.white
                .ignoresSafeArea()
            
            // 内容区域，添加安全区域内边距避开系统元素
            VStack {
                if let image = UIImage(data: data) {
                    Image(uiImage: image)
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                }
                
                HStack {
                    Spacer()
                    Button("Close") {
                        dismiss()
                    }
                    .padding() // 优化按钮点击区域
                    Spacer()
                }
            }
            .padding(.safeArea)
        }
    }
}

修改点说明 #

1. 全屏白色背景：用ZStack先放置Color.white并设置ignoresSafeArea()，让背景完全覆盖弹窗的整个区域，包括安全区域，彻底解决透明问题。
2. 安全区域适配：给内容VStack添加.padding(.safeArea)，确保所有内容（图片和按钮）都在系统安全区域内显示，避免被刘海、Home Indicator等系统元素遮挡，同时让按钮位置回到预期的底部区域。
3. 额外给Close按钮加了.padding()，这是优化点击体验的可选调整，让按钮更容易被点击。

另外，你的异步加载Data的逻辑是完全没问题的——因为你需要把Data传给DocumentView做更多处理，这个设计思路很合理，不需要调整。

内容来源于stack exchange