iPhone X上Tab Bar Controller布局异常问题求助（Swift 4）

嘿，我完全懂你作为iOS新手遇到这种「Storyboard预览正常但真机/模拟器跑起来就崩布局」的崩溃感——这种问题真的很让人挠头！结合你的情况（没自定义TabBar、已开启Safe Area），给你几个针对性的排查和解决步骤：

• 确认TabBar子VC的约束是否绑定到Safe Area
  虽然全局开了Safe Area Layout Guides，但要逐个检查TabBar下的每个子ViewController：在Storyboard里选中子VC的根视图，看它的底部约束是不是连接到Safe Area Bottom，而不是Superview Bottom。很多时候新手容易误连到Superview，导致在iPhone X的底部安全区位置出现布局偏移。

• 调整TabBar的自动调整掩码设置
  系统默认的自动调整逻辑可能在特殊机型上出现异常，你可以在TabBarController的viewDidLoad（或者你的TabBarSingleton初始化TabBar的逻辑里）加上这段代码：

  override func viewDidLoad() {
      super.viewDidLoad()
      // 确保TabBar能自适应安全区的布局变化
      tabBar.autoresizingMask = [.flexibleWidth, .flexibleTopMargin]
      // 注意：没自定义TabBar的话，不要手动把translatesAutoresizingMaskIntoConstraints设为false
  }
  

• 验证项目部署目标的iOS版本
  Swift 4对应的最低iOS版本是iOS 10，但iPhone X的安全区适配是从iOS 11开始原生支持的。请确认你的项目Deployment Target设置为iOS 11或更高版本：在项目设置的General标签页里找到Deployment Info，把iOS Deployment Target调整到iOS 11.0+。

• 清理缓存并重置模拟器
  有时候Xcode的缓存会导致布局显示不一致，试试这两步：

  1. 按下Cmd + Shift + K清理项目构建缓存；
  2. 打开模拟器，选择菜单Device > Erase All Content and Settings，重置模拟器后重新运行项目。

• 排查全局UIAppearance的修改代码
  如果你的项目里有对UITabBar做全局外观修改的代码（比如硬编码高度、强制设置frame），这很可能会破坏安全区适配。比如像下面这种硬写高度的代码就会在iPhone X上出问题：

  // 错误示例：忽略安全区硬编码TabBar位置
  UITabBar.appearance().frame = CGRect(x: 0, y: UIScreen.main.bounds.height - 49, width: UIScreen.main.bounds.width, height: 49)
  

  如果有这类代码，要改成基于安全区的动态布局，比如利用UIApplication.shared.keyWindow?.safeAreaInsets.bottom来计算底部偏移量。

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