iOS 13及Xcode更新后UITabBar图标垂直对齐异常求助

我之前也碰到过Xcode更新后UITabBar图标对齐跑偏的情况，尤其是这种位置相关而非图标本身的问题，大概率是Xcode的布局逻辑或者系统默认样式变更导致的。试试下面这几个实用办法：

• 手动调整图标偏移量
  有时候系统对图标的对齐参考区域计算发生了变化，你可以给两端的TabBarItem单独设置imageInsets来修正位置。比如把顶部往下拉一点：

  // 示例：调整第一个TabBarItem的垂直偏移
  if let firstItem = tabBar.items?.first {
      firstItem.imageInsets = UIEdgeInsets(top: -2, left: 0, bottom: 2, right: 0)
  }
  // 同理调整最后一个Item
  if let lastItem = tabBar.items?.last {
      lastItem.imageInsets = UIEdgeInsets(top: -2, left: 0, bottom: 2, right: 0)
  }
  

  你可以根据实际偏移程度微调top和bottom的数值，直到所有图标对齐。

• 重置TabBar的系统默认外观
  Xcode更新可能会隐性修改项目中TabBar的全局样式设置，直接重置回系统默认样式往往能解决这类莫名其妙的布局异常：

  // 在App启动时（比如AppDelegate或SceneDelegate中）设置
  let tabBarAppearance = UITabBarAppearance()
  UITabBar.appearance().standardAppearance = tabBarAppearance
  UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
  

• 关闭Large Content Viewer支持
  新版本iOS和Xcode对大内容视图的优化可能影响了图标布局，如果你没用到这个功能，可以强制关闭：

  for item in tabBar.items ?? [] {
      item.showsLargeContentViewer = false
      item.largeContentImage = nil
  }
  

• 用Debug View Hierarchy排查约束问题
  打开Xcode的Debug View Hierarchy工具，选中TabBar和各个图标，查看它们的实际frame参数，对比异常图标和正常图标的位置差异，也能看到是否有隐性的约束冲突，帮你精准定位问题根源。

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