代码创建UIViewController中UITabBar适配安全区域的实现方案

我明白你遇到的困扰了——手动创建UITabBar时，不管是贴view底部还是安全区域底部，显示效果都达不到预期。其实问题出在对UITabBar内置适配逻辑的理解上，咱们一步步来修正：

正确的约束设置方式 #

你不需要把tabBar的底部约束到safeAreaLayoutGuide.bottomAnchor，反而应该贴到view.bottomAnchor。UITabBar本身已经内置了安全区域适配逻辑：它的背景会延伸到屏幕最底部（包括刘海设备的底部安全区域），而内部的tab项（图标、文字）会自动调整到安全区域内显示。

修改你的tabBar约束代码如下：

lazy var tabBar: UITabBar = { 
    let tab = UITabBar() 
    self.view.addSubview(tab) 
    tab.translatesAutoresizingMaskIntoConstraints = false 
    // 左右贴紧view边缘
    tab.rightAnchor.constraint(equalTo: self.view.rightAnchor).isActive = true 
    tab.leftAnchor.constraint(equalTo: self.view.leftAnchor).isActive = true 
    // 底部贴紧view的底部（而非安全区域）
    tab.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true 
    return tab 
}()

额外的必要检查 #

1. 确认ViewController的布局延伸设置
   默认情况下UIViewController的edgesForExtendedLayout是.all，但如果被修改过，会导致view无法延伸到屏幕底部，进而让tabBar显示异常。可以在viewDidLoad里确认并设置：

override func viewDidLoad() {
    super.viewDidLoad()
    edgesForExtendedLayout = .all
    // 不需要调用bringSubview(toFront: tabBar)，因为tabBar是后添加的子视图，默认就在最上层
}

2. 不要手动设置tabBar高度
   UITabBar有自己的intrinsicContentSize，系统会根据设备自动设置合适的高度（比如普通设备49pt，刘海设备83pt左右），手动添加高度约束会破坏系统的适配逻辑。

为什么之前的设置不对？ #

• 直接贴view.bottomAnchor时显示过小：大概率是edgesForExtendedLayout被修改为[]，导致view的底部被限制在安全区域上方，tabBar跟着被截断了。
• 贴safeAreaLayoutGuide.bottomAnchor时位置不对：这会让tabBar的底部停在安全区域的上边缘，屏幕底部会留出空白，不符合你想要的全屏底部tabBar效果。

这样调整后，你的UITabBar应该就能实现类似系统自带的tabBar效果——背景铺满底部安全区域，内容（tab项）在安全区域内正常显示，完全符合你的需求。

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