UIHostingController隐藏导航栏后GeometryReader读顶部安全区异常如何解决

问题根因 #

导航栏隐藏的时机晚于UIHostingController初始安全区的计算流程：UIHostingController初始化时会读取当前UINavigationController的导航栏状态计算初始安全区，并同步给内嵌的SwiftUI视图。你在viewDidLoad中才隐藏导航栏，此时SwiftUI侧已经完成了首次布局，没有收到后续的安全区变更通知，就会出现数值偏差。

可用解决方案 #

方案1：调整导航栏隐藏时机（最推荐） #

将隐藏逻辑提前到控制器布局完成前执行，同时强制触发布局同步，保证SwiftUI能拿到最新的安全区数值。
修改自定义UIHostingController代码：

final class NavigationHostingController<Content: View>: UIHostingController<Content> {
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        // 放在viewWillAppear中设置，保证每次页面显示状态都正确
        navigationController?.setNavigationBarHidden(true, animated: animated)
        // 强制刷新布局，把最新安全区同步到SwiftUI
        view.setNeedsLayout()
        view.layoutIfNeeded()
    }
}

也可以在push控制器前就提前设置导航栏隐藏：

let viewController = NavigationHostingController(rootView: accountDetailsView)
navigationController?.setNavigationBarHidden(true, animated: true)
navigationController?.pushViewController(viewController, animated: true)

方案2：手动修正安全区偏移 #

如果不想调整原有隐藏逻辑，可以直接在UIHostingController层面手动抵消多算的导航栏高度：

final class NavigationHostingController<Content: View>: UIHostingController<Content> {
    override func viewDidLoad() {
        super.viewDidLoad()
        navigationController?.navigationBar.isHidden = true
        // 手动把顶部安全区多算的导航栏高度抵消
        let navBarHeight = navigationController?.navigationBar.frame.height ?? 0
        additionalSafeAreaInsets = UIEdgeInsets(top: -navBarHeight, left: 0, bottom: 0, right: 0)
    }
}

方案3：SwiftUI层面直接读取全局安全区 #

不依赖当前控制器的GeometryReader安全区数值，直接读取全局窗口的安全区高度，规避同步问题：

struct AccountDetailsView: View {
    // 读取当前活跃窗口的顶部安全区高度，不受当前控制器安全区计算逻辑影响
    private var topSafeAreaHeight: CGFloat {
        UIApplication.shared.connectedScenes
            .filter { $0.activationState == .foregroundActive }
            .compactMap { $0 as? UIWindowScene }
            .first?.windows
            .first(where: \.isKeyWindow)?
            .safeAreaInsets.top ?? 0
    }
    
    var body: some View {
        VStack(spacing: 0) {
            Color.yellow
                .edgesIgnoringSafeArea(.all)
                .frame(height: topSafeAreaHeight)
            // 其余视图代码
       }
    }
}

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