iPhone X上iOS Tab Bar图标错乱问题求助（已尝试多种方案）

Hey Najam, 我太懂你这种明明约束看起来全对，但实际运行就出问题的抓狂感了！结合你说的情况——用了Safe Area后其他组件正常，Tab Bar高度没问题但图标错乱，已经试过各种Stack Overflow和谷歌的方案，我给你几个精准的排查方向：

• 先查Tab Bar Item的内边距设置
  很多时候Safe Area适配后，系统会自动调整Tab Bar Item的imageInsets和titleInsets，导致图标偏移。你可以手动强制设置数值来修正：

  // 在你的TabBarController或者对应的ViewController里添加这段代码
  if let tabItems = tabBar.items {
      for item in tabItems {
          // 根据你的图标大小调整上下内边距，让图标居中
          item.imageInsets = UIEdgeInsets(top: 8, left: 0, bottom: -8, right: 0)
          // 调整标题位置，和图标对齐
          item.titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -3)
      }
  }
  

  要是习惯用Storyboard操作，直接选中Tab Bar Item，在右侧Attributes Inspector里找到「Image Insets」和「Title Insets」，把上下的数值设成对称的，比如上下各8pt，就能让图标回到居中位置。

• 确认Tab Bar的Safe Area约束没绑错
  虽然你说检查过约束，但还是再确认一遍：Tab Bar的约束应该是「Leading to Superview」「Trailing to Superview」「Bottom to Safe Area」，不要绑定Top Safe Area，也不要给Tab Bar设置多余的垂直约束（比如Top to Bottom of View）。另外，确保Tab Bar的「Safe Area Relative Margins」是勾选状态的。

• 排查代码填充图标的逻辑问题
  你提到用代码填充图标，那要注意两个点：

  1. 有没有设置图片的渲染模式？如果没加withRenderingMode(.alwaysOriginal)，系统可能会自动修改图标颜色和大小，导致错乱：

     let normalImage = UIImage(named: "tab_normal")?.withRenderingMode(.alwaysOriginal)
     let selectedImage = UIImage(named: "tab_selected")?.withRenderingMode(.alwaysOriginal)
     tabBarItem.image = normalImage
     tabBarItem.selectedImage = selectedImage
     

  2. 图标尺寸是否符合规范？iPhone X及以后的Tab Bar图标建议是28x28pt（非选中态），选中态可以用30x30pt，尺寸太大或太小都会导致排版混乱。

• 检查有没有全局样式覆盖了Tab Bar
  很多项目会用UIAppearance来设置全局的Tab Bar样式，要是不小心设置了UITabBar.appearance().safeAreaInsets或者修改了contentEdgeInsets，就会破坏Safe Area的适配逻辑，你可以全局搜一下有没有这类代码，注释掉试试。

如果以上方法都没用，建议你新建一个空白测试项目，只添加Tab Bar和Safe Area约束，用同样的代码填充图标，看看能不能复现问题——这样能快速排除是不是项目里其他自定义代码（比如自定义Tab Bar子类）搞的鬼。

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