为iPhone X的Tab Bar Controller实现安全区域遇问题求助

嘿，我来帮你梳理下可能忽略的关键点，我之前也碰到过类似的iOS 11布局坑😉

虽然你已经勾选了Use Safe Area Layout Guides，但还有几个容易漏掉的配置点：

• 确认控制器层级的正确性
  正确的层级应该是：Tab Bar Controller作为根控制器，每个标签页对应的直接子控制器是Navigation Controller，再由Navigation Controller管理具体的内容视图控制器。如果层级搞反（比如把Tab Bar Controller嵌套在Navigation Controller里），系统的Safe Area适配逻辑就会混乱，导致Bar的位置偏移。
• 检查子控制器的Edges For Extended Layout设置
  选中Tab Bar Controller里的子控制器（比如Navigation Controller的根VC），在Attributes Inspector里，确保Edges For Extended Layout保持默认的All选项。如果改成其他值，会打断系统对Safe Area的自动延伸处理。
• 禁止手动修改Bar的Frame
  如果你在代码里写了类似tabBar.frame = CGRect(...)或者navigationController?.navigationBar.frame = ...的代码，会直接覆盖Safe Area的自动布局计算。赶紧检查并删掉这类手动设置。
• Launch Screen也要适配Safe Area
  很多人会忽略启动页的配置：如果你的Launch Screen.storyboard没有勾选Use Safe Area Layout Guides，或者元素没有约束到Safe Area上，设备启动时的布局基准会出错，进而影响后续所有界面的显示。

这个其实是对Tab Bar Controller的结构理解有误：它的Tab项是由子控制器自动生成的，不能直接在Tab Bar Controller的视图里添加自定义视图来放置Item。正确的操作方式是：

1. 先创建一个ViewController（或Navigation Controller），直接把它拖到IB里的Tab Bar Controller上，系统会自动将其关联为Tab Bar的子控制器。
2. 选中这个子控制器，在Attributes Inspector里设置Tab Bar Item的标题、图标等属性，系统会自动把它加到Tab Bar上。
3. 要是Embed选项灰了，大概率是你选中的对象不对：比如你选的是Tab Bar Controller本身或者Tab Bar控件，这时候Embed选项自然不可用。你需要选中要作为Tab子项的ViewController，再去Editor菜单或右键菜单里找Embed选项。

• 清理项目缓存并重启Xcode：按Cmd+Shift+K清理，然后重启Xcode再编译运行，有时候Xcode的缓存会导致IB和设备显示不一致。
• 确认Deployment Target：虽然你说Builds for iOS 11.1，但还是要检查项目的Deployment Target是不是也设置为iOS 11+，低于11的版本Safe Area的行为会完全不同。
• 跨设备测试：比如在iPhone 8上运行看看，如果布局正常，说明是iPhone X专属的Safe Area适配问题；如果也错位，那就是通用的控制器层级或布局配置问题。

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