uni-app IOS云打包后头部出现白色空白区域

uni-app IOS云打包后头部出现白色空白区域

操作步骤:

  • 云打包

预期结果:

  • IOS版本没有空白

实际结果:

  • 头部有空白

bug描述:

  • IOS打包头部有个空白区域,本地打包没有问题

image

1 回复

更多关于uni-app IOS云打包后头部出现白色空白区域的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题通常是由于 iOS 安全区域适配导致的。在 pages.json 中检查当前页面的 style 配置,确保已正确设置 safeArea 属性:

"style": {
  "safeArea": {
    "top": "auto"
  }
}

如果配置为 "top": "auto",尝试改为:

"safeArea": {
  "top": "0"
}

同时检查页面样式,确保没有设置额外的 padding-topmargin-top。在 iOS 上,云打包会默认启用安全区域适配,而本地调试可能不会完全模拟这一行为。

如果问题仍然存在,可以尝试在页面样式文件中添加:

page {
  padding-top: 0;
}
回到顶部