导航栏后面的拆分视图奇怪的背景

Question

我有一个具有以下视图架构的应用程序：

UITabBarController > UISplitViewController > UINavigationController > UIViewController
                                         \ 
                                           > UINavigationController > UIViewController

每当我将嵌入在导航控制器中的视图控制器作为详细视图推送时，我都会看到主导航栏后面出现一个奇怪的非彩色视图。当我的应用程序处于明暗模式时会发生这种情况，如下面的屏幕截图所示。

我在测试应用程序中重新创建了相同的视图架构，但我没有看到颜色偏色的视图出现，所以我不确定是什么原因造成的。

这是我用来创建明暗模式的一些代码：

extension UINavigationBar: RMDThemeable {

    func render(for theme: RMDTheme) {
        switch theme {
        case .light:
            barStyle = .default
        case .dark:
            barStyle = .black
        }
    }
}

class RMDCollectionViewController: UICollectionViewController {

    func render(for theme: RMDTheme) {
        switch theme {
        case .light:
            collectionView?.backgroundColor = UIColor.baseBackgroundLight
        case .dark:
            collectionView?.backgroundColor = UIColor.baseBackgroundDark
        }
    }
}

这是奇怪颜色的截图：

这是视图调试器：

Answer 1

您似乎没有检查UINavigationController 的translucent 属性，请将值设置为false 或创建具有所需颜色的自定义导航栏。

要设置translucent 属性，您可以转到故事板并选择导航控制器的属性检查器，顶部会有一个标记translucent 的复选框，取消选中它或者可以在代码中完成，如

self.navigationController!.navigationBar.isTranslucent = false

获取导航控制器的实例并将其设置为 false。