添加 UINavigationController 作为其他 UINavigationController 的孩子

编程问答 2022-05-28

问题描述

我正在尝试将 UINavigationController 添加为另一个 UINavigationController 的子项。我面临的问题是子 UINavigationController 的导航栏不尊重顶部的安全区域 - 高度太小，导航栏被缺口覆盖。

在下面的截图中，黄色导航栏和视图是子 UINavigationController 的一部分，而蓝色视图和白色导航栏是根 UINavigationController 的一部分。子 UINavigationController 应该只覆盖屏幕的一部分。如果一切正常，黄色导航栏的大小应与白色导航栏相同。

enter image description here

有人可能认为将子视图控制器添加到 UINavigationController 不是一个好主意，但我正在开发一个可用于显示“侧边栏”导航或抽屉的组件，它可能会作为子视图添加任何类型的任何视图控制器。

这是一些重现我遇到的问题的代码：

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    
    self.view.backgroundColor = .blue
    self.title = "Parent"
    
    let childVC = UIViewController()
    childVC.view.backgroundColor = .yellow
    childVC.title = "Modal"
    
    let childNavController = UINavigationController(rootViewController: childVC)
    childNavController.view.translatesAutoresizingMaskIntoConstraints = false
    
    let rootNavController = self.navigationController!
    
    rootNavController.addChild(childNavController)
    rootNavController.view.addSubview(childNavController.view)
    
    NSLayoutConstraint.activate([
        childNavController.view.widthAnchor.constraint(equalToConstant: 300),childNavController.view.topAnchor.constraint(equalTo: rootNavController.view.topAnchor),childNavController.view.bottomAnchor.constraint(equalTo: rootNavController.view.bottomAnchor),childNavController.view.rightAnchor.constraint(equalTo: rootNavController.view.rightAnchor)
    ])
    childNavController.didMove(toParent: rootNavController)
}

解决方法

正确的方法是为两个 UINavigationControllers 创建一个共同的父级 - 只需清空 UIViewController，然后使用包含将它们嵌入为子视图控制器。

UINavigationController 内置了子视图管理功能，当您使用它（显示/隐藏视图控制器）时，像这样嵌入子视图和子视图控制器是有风险的。

childviewcontrolleriosiosswiftswiftswiftswiftuinavigationcontrolleruinavigationcontrolleruinavigationcontroller