Swift中如何根据运行设备自动调整Header组件高度（适配iPhone X）

这个问题我之前做iOS项目时也碰到过，核心原因就是iPhone X及之后的全面屏设备顶部多了一块安全区域（刘海部分），默认的64高度（20状态栏+44导航栏）不够用了。下面给你几种靠谱的适配方案，按推荐程度排序：

方法一：利用安全区域（Safe Area）自动适配（官方推荐） #

苹果从iOS 11开始引入了安全区域的概念，直接通过safeAreaInsets就能获取设备顶部的额外高度，不需要硬编码判断设备型号，适配所有新设备都没问题。

代码方式（Swift） #

如果是用代码创建Header视图，可以这样设置高度：

// 获取顶部安全区域高度，默认 fallback 到20（非全面屏设备的状态栏高度）
let topSafeAreaHeight = view.safeAreaInsets.top == 0 ? 20 : view.safeAreaInsets.top
// Header高度 = 顶部安全区域高度 + 导航栏基础高度44
let headerHeight = topSafeAreaHeight + 44

// 设置Header的高度
headerView.frame.size.height = headerHeight
// 如果用Auto Layout，建议直接绑定高度约束：
headerView.heightAnchor.constraint(equalToConstant: headerHeight).isActive = true

Storyboard/XIB方式 #

如果是可视化布局，操作更简单：

• 把Header的顶部约束绑定到Safe Area Top，而不是Superview的Top
• 设置Header的高度约束为>=64，或者直接在代码里动态修改高度约束的constant值，逻辑和上面的代码一致

这种方法的好处是完全跟随系统的安全区域规则，不管苹果出什么新设备，都能自动适配，不用后续维护。

方法二：通过屏幕尺寸判断设备（不推荐，但应急可用） #

如果你的项目需要兼容iOS 10及以下版本，没法用安全区域，可以通过屏幕高度来判断是否是全面屏设备：

func isFullScreenDevice() -> Bool {
    let screenHeight = UIScreen.main.bounds.height
    // 包含iPhone X、XS、XR、11、12及以后的全面屏型号
    return [812, 896, 1024, 1194, 1290].contains(screenHeight)
}

// 设置Header高度
let headerHeight = isFullScreenDevice() ? 88 : 64
headerView.frame.size.height = headerHeight

⚠️ 注意：这种方法的缺点很明显，苹果每出一款新设备，你就得更新这个高度列表，长期维护很麻烦，所以优先用方法一。

额外提示：适配旋转场景 #

如果你的App支持屏幕旋转，记得在旋转回调里重新计算Header高度，比如在viewWillLayoutSubviews或者traitCollectionDidChange方法里更新高度约束，确保旋转后布局依然正确。

内容的提问来源于stack exchange，提问作者K.Wu