w***@163.com
w***@163.com
  • 发布:2026-07-24 17:38
  • 更新:2026-07-24 18:44
  • 阅读:50

targetSdkVersion 36 云打包后 Android 底部出现全局空白/黑条,targetSdk 35 正常

分类:HBuilderX

正文:

各位好,项目是 uni-app(Vue3)+ HBuilderX 云打包 的 Android App,使用 自定义 Tab(components/customTaber),未使用原生 tabBar。

现象:
从 Google Play / 云打包正式 APK 安装后,启动页(白底 Splash)、登录页及所有页面 底部都有一条缝隙(黑条 + 手势导航白条),自定义 Tab 像被整体上移。
用 HBuilderX 「运行到 Android 真机」 调试时底部正常。

变更:
为满足 Play 政策,将 manifest.json → app-plus.distribute.android.targetSdkVersion 从 35 改为 36 后开始出现;之前 targetSdk 35 打的正式包在同一台真机上底部正常。

已配置:
manifest.json 中已设置:

"app-plus": {
"safearea": {
"bottom": {
"offset": "none"
}
}
}
改 manifest 后已重新云打包,问题仍在。自定义 Tab 使用了 padding-bottom: env(safe-area-inset-bottom);地图页还有原生 web-view,正式包上地图偏高、中间扫码按钮被挡(怀疑与底部 inset 不一致有关)。

环境:

targetSdkVersion:36(minSdk 21)
打包方式:HBuilderX 云打包 release
请补充:HBuilderX 版本号、uni-app /vue 版本、uni 编译器版本
想请教:

targetSdk 36 是否在 Android 15/16 上默认强制 edge-to-edge 或改变 WebView/窗口 bottom inset,与 35 行为不同?
safearea.bottom.offset: "none" 在 targetSdk 36 下是否仍有效,是否需要额外 manifest / 原生配置或升级 HBuilderX?
是否有官方推荐做法:避免全局底缝,并统一 JS safeAreaInsets 与 CSS env(safe-area-inset-bottom)?
调试基座与云打包 release 在 targetSdk / 安全区处理上是否不一致,导致「HB 正常、正式包异常」?

2026-07-24 17:38 负责人:无 分享
已邀请:
DCloud_Android_zl

DCloud_Android_zl

升级到HBuilderX 5.21重新打包试一下。

要回复问题请先登录注册