Swift 5中TabBar上方出现异常区块的技术问询：该区块是什么及如何移除

兄弟，我之前也踩过这个坑！你说的TabBar上方的异常区块，其实就是布局适配错误导致的额外空白区域，本质是被push的控制器视图和系统TabBar、导航栏的布局边界没有正确对齐，常见原因是视图延伸设置、导航栏/TabBar的半透明属性冲突，或者约束没用到安全区域。

下面给你几个亲测有效的解决办法：

• 方法一：修正视图延伸布局设置
  在所有被push的控制器的viewDidLoad方法里添加这段代码，直接禁止视图向系统栏下方延伸：

  override func viewDidLoad() {
      super.viewDidLoad()
      // 让视图严格在安全区域内布局，不延伸到导航栏、TabBar下方
      self.edgesForExtendedLayout = []
      // 如果只需要禁止向TabBar延伸，也可以精准设置为 .top
      // self.edgesForExtendedLayout = .top
  }
  

  edgesForExtendedLayout这个属性默认是.all，会让视图铺满整个屏幕（包括系统栏下方），当TabBar存在时，就会出现上方的空白偏移。

• 方法二：关闭导航栏/ TabBar的半透明属性
  系统默认导航栏和TabBar是半透明的，这会导致布局计算时自动预留偏移空间。你可以在App启动时全局设置，或者在根控制器里配置：

  // 全局关闭导航栏半透明
  UINavigationBar.appearance().isTranslucent = false
  // 全局关闭TabBar半透明
  UITabBar.appearance().isTranslucent = false
  

  注意：关闭半透明后，导航栏/TabBar的背景会完全不透明，你可能需要调整它们的背景色来适配你的UI风格。

• 方法三：使用安全区域约束布局
  如果你是用Auto Layout布局，确保视图的底部约束关联到safeAreaLayoutGuide而不是直接关联到父视图底部：

  // 示例：给底部视图添加安全区域约束
  bottomView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor).isActive = true
  

  这样系统会自动根据设备的安全区域（避开TabBar、刘海等）计算布局，从根源上避免空白问题。

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