iPhone X（11.2）上UITabBarController图标与文字重叠问题求助

我之前在适配早期iOS 11版本时也碰到过一模一样的TabBar布局bug，给你几个针对性的解决方法：

• 强制固定TabBarItem的布局参数
  在自定义UITabBarController的viewWillLayoutSubviews方法里手动设置item的位置、间距和宽度，避免系统自动布局挤压导致重叠：

  override func viewWillLayoutSubviews() {
      super.viewWillLayoutSubviews()
      if #available(iOS 11.0, *) {
          tabBar.itemPositioning = .centered
          tabBar.itemSpacing = 18 // 根据你的图标大小调整间距
          tabBar.itemWidth = 64 // 固定item宽度防止文字被挤压
      }
  }
  

  如果你用Objective-C，代码如下：

  - (void)viewWillLayoutSubviews {
      [super viewWillLayoutSubviews];
      if (@available(iOS 11.0, *)) {
          self.tabBar.itemPositioning = UITabBarItemPositioningCentered;
          self.tabBar.itemSpacing = 18;
          self.tabBar.itemWidth = 64;
      }
  }
  

• 重置SafeAreaInsets消除系统自动偏移
  开启Safe Area后，早期iOS 11版本对iPhone X的TabBar适配有问题，手动重置内边距可以解决：

  override func viewDidLoad() {
      super.viewDidLoad()
      if #available(iOS 11.0, *) {
          tabBar.safeAreaInsets = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
      }
  }
  

• 排查全局TabBar扩展/分类的影响
  检查项目里有没有全局的UITabBar分类，比如设置了titlePositionAdjustment或imageInsets的代码，这些全局修改可能在特定版本里触发布局冲突，暂时注释掉测试一下。

• 验证iOS版本兼容性
  iOS 11.2本身存在不少iPhone X的布局bug，你可以测试iOS 11.3及以上版本，大概率这个问题会自动消失。如果项目允许，建议最低适配版本设为iOS 11.3+。

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