iOS 11转场时状态栏及大标题下方区域背景灰化问题求助

这个问题我在iOS 11适配大标题导航的时候踩过坑，其实根源是转场过程中导航栏的过渡背景、转场容器视图或者TableView的布局没处理到位，给你几个亲测有效的解决方法：

• 从导航控制器层面统一设置背景
  iOS 11之后大标题导航栏的转场逻辑有调整，只在子控制器里设置背景色是不够的，因为转场时导航栏属于导航控制器。你可以在导航控制器的viewDidLoad里直接配置：

  override func viewDidLoad() {
      super.viewDidLoad()
      // 设置导航栏背景色
      navigationBar.barTintColor = .white
      // 关闭半透明，避免系统默认的灰色过渡
      navigationBar.isTranslucent = false
      // 大标题相关设置保持你的原有配置
      navigationBar.prefersLargeTitles = true
      navigationBar.largeTitleTextAttributes = [.foregroundColor: UIColor.black]
  }
  

• 修正转场容器视图的背景色
  转场动画时系统会生成一个容器视图承载过渡视图，这个容器默认背景色可能是灰色。你可以在导航控制器的viewWillAppear里主动设置它的背景：

  override func viewWillAppear(_ animated: Bool) {
      super.viewWillAppear(animated)
      self.view.backgroundColor = .white
      // 额外给导航栏加个底层白色视图，确保过渡时无灰色缝隙
      if navigationBar.subviews.first(where: { $0.tag == 999 }) == nil {
          let bgView = UIView(frame: navigationBar.bounds)
          bgView.backgroundColor = .white
          bgView.tag = 999
          navigationBar.insertSubview(bgView, at: 0)
          bgView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
      }
  }
  

• 确保TableView完全覆盖可视区域
  大标题模式下TableView默认会有顶部内边距，可能导致顶部出现未被覆盖的灰色区域。你可以在子控制器的viewDidLayoutSubviews里调整布局：

  override func viewDidLayoutSubviews() {
      super.viewDidLayoutSubviews()
      detailsTable.backgroundColor = .white
      // 关闭自动内边距调整，让TableView顶到导航栏下方
      if #available(iOS 11.0, *) {
          detailsTable.contentInsetAdjustmentBehavior = .never
      } else {
          automaticallyAdjustsScrollViewInsets = false
      }
      detailsTable.contentInset = .zero
  }
  

你之前只在viewDidLoad/viewWillLoad（应该是viewWillAppear吧？）里设置，这些时机要么太早（视图布局还没完成），要么没覆盖到导航控制器层面的视图，所以转场时还是会出现灰色。试试上面的方法，应该能解决问题。

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