从Storyboard迁移到SwiftUI后，状态栏与底部背景色无法改为白色

问题根源 #

你的代码存在两个核心问题：

• UIHostingController的视图未添加全屏约束，无法填满父NotificationVC的视图，导致父VC默认的黑色背景外露
• UIHostingController的布局扩展属性未正确配置，无法让SwiftUI内容覆盖到状态栏和底部安全区范围

修复方案 #

1. 给HostingController添加全屏约束 #

修改NotificationVC的viewDidLoad方法，添加约束让HostingController的视图铺满整个父视图：

class NotificationVC: UIViewController {    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let swiftUIView = NotificationScreen()
        let hostingController = UIHostingController(rootView: swiftUIView)
        
        // 关闭自动调整滚动视图内边距，避免布局偏移
        hostingController.automaticallyAdjustsScrollViewInsets = false
        // 允许布局扩展到所有安全区外
        hostingController.edgesForExtendedLayout = .all
        
        addChild(hostingController)
        view.addSubview(hostingController.view)
        
        // 禁用自动布局掩码，添加全屏约束
        hostingController.view.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            hostingController.view.topAnchor.constraint(equalTo: view.topAnchor),
            hostingController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            hostingController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            hostingController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
        
        hostingController.didMove(toParent: self)
    }
}

2. 统一父VC背景色（可选） #

如果仍有黑色背景残留，给NotificationVC的视图设置白色背景：

override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = .white // 添加此行
    // ... 其他代码
}

3. 优化SwiftUI视图（可选） #

你原SwiftUI代码中Text("Hello!")使用白色字体，在白色背景下无法显示，建议调整字体颜色；同时ignoresSafeArea可保留，也可依靠HostingController的配置实现全屏覆盖：

struct NotificationScreen: View {
    var body: some View {
        ZStack {
            Color.white
                .ignoresSafeArea(edges: .all)
            VStack {
                Text("Hello!")
                    .foregroundColor(.black) // 修改为黑色字体
            }
        }
    }
}

关键要点 #

• translatesAutoresizingMaskIntoConstraints = false是启用自定义约束的前提
• edgesForExtendedLayout = .all确保SwiftUI内容能覆盖状态栏和底部区域
• 保持父VC与SwiftUI视图的背景色一致，避免底色外露

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