自定义UIView导航栏在iPhone X顶部留白问题求助

嘿，这个问题我太熟悉了！核心原因就是iPhone X及之后的全面屏设备有专属的安全区域（Safe Area），你设置的固定顶部间距20pt只适配传统非全面屏设备（它们的状态栏高度刚好是20pt），但全面屏的状态栏高度是44pt，固定20pt的间距自然会留出空白。

给你几个实用的解决办法：

• 优先推荐：绑定安全区域约束
  把自定义导航栏的顶部约束从「与父视图顶部间距20」改成「与父视图的安全区域顶部对齐」。系统会自动识别设备类型，给传统设备留20pt、全面屏留44pt的间距，完美适配所有机型，不用写额外代码。

• 手动计算状态栏高度（适合需要自定义间距的场景）
  如果必须手动控制顶部距离，可以通过代码动态获取当前设备的状态栏高度，再设置约束的constant值：

  // 获取状态栏高度，兼容iOS 13+
  let statusBarHeight = UIApplication.shared.windows.first?.windowScene?.statusBarManager?.statusBarFrame.height ?? 20
  // 假设你的顶部约束是topConstraint
  topConstraint.constant = statusBarHeight
  

  这样不管是老设备还是全面屏，导航栏都能精准贴紧状态栏下方。

• 偷懒小技巧：用原生导航栏改样式
  如果你的自定义需求不是特别复杂，直接用iOS原生的UINavigationBar来修改样式会省很多事——原生导航栏已经做好了所有设备的适配，包括安全区域、旋转适配这些细节，不用自己折腾约束。

你可以对照截图检查一下当前的约束设置，确认是不是真的把导航栏顶部绑到了安全区域，而不是父视图的顶部哦。

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