targetSdkVersion为35 编译uni-app应用 Android15机页面底部内容会被系统按键导航栏盖住

targetSdkVersion为35 编译uni-app应用 Android15机页面底部内容会被系统按键导航栏盖住

示例代码：

  • 使用官方uni-app 示例app创建应用，vue2

操作步骤：

  • 安装运行后

预期结果：

  • 底部Tab按钮不应被系统导航覆盖

实际结果：

  • 底部Tab按钮会被系统导航覆盖

示例图片

25 回复

找到hx运行目录下plugins/app-safe-pack/apktool.jar把这个文件删除，然后去这里https://download1.dcloud.net.cn/hbuilderx/patch/apktool/apktool.jar 把apktool.jar下载过来放到plugins/app-safe-pack目录下，在重新打包试一下

更多关于targetSdkVersion为35 编译uni-app应用 Android15机页面底部内容会被系统按键导航栏盖住的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我更新了apktool.jar，重新快速安心打包测试，现在显示正常了 谢谢

Mac电脑没有这个文件咋办…

回复 9***@qq.com: mac要在app里找到目录再进行文件替换

这个jar包现在下载不了呢，我的hb版本是4.25版本，现在打包android也会出现这个问题

回复 Huiqi: 你这边有这个jar包，大哥

回复 Elspeths: 想问下 mac 该去哪里替换这个jar包，大神

是cli项目吗， 如果是看下编译版本是多少

不是cli项目，编译器版本：4.45

回复 Huiqi: 4.45已经适配了 应该不会下沉到底部才对 你下载个alpha试试呢

回复 DCloud_Android_ST: 测试过,使用HBuilder X 4.52.2025020807-alpha 打包编译apk，安装在Android15手机上，还是会被导航覆盖

回复 Huiqi: appid发下

回复 DCloud_Android_ST: UNIF74542B

回复 Huiqi: 麻烦重新云打包下 我这边查下你的打包行为

回复 DCloud_Android_ST: 已用HBuilder X 4.52.2025020807-alpha 重新云打包 [HBuilder] 13:56:31.196 项目 Test_uni-app [UNIF74542B]打包成功

回复 Huiqi: 我们这边用官方安卓15的模拟器测试正常，你试下模拟器是否正常，你这种三星手机不确定是否存在兼容性问题

回复 DCloud_Android_ST: 你好，我知道了，[HBuilder] 13:56:31打包是用传统打包方式的云打包，我之前测试说会覆盖的情况都是使用快速安心打包方式的云打包

就是用快速安心打包方式会有此问题 你可以在看下我 [HBuilder] 16:52:31.542 这个时间的打包

回复 DCloud_Android_ST: [HBuilder] 10:42:46.308 HBuilderX已支持App cli自动化打包, 详情参考: https://hx.dcloud.net.cn/cli/pack [不再提示] [HBuilder] 10:44:57.673 项目 ‘mobile-ui’ 开始编译… [HBuilder] 10:44:59.212 4.56 [HBuilder] 10:44:59.297 正在编译中… appid:UNIA2337DB

回复 DCloud_Android_ST: Mac电脑如果把targetSdkVersion清空后，安心快速打包安卓就正常了，按照Huiqi说的，如果是windows电脑更新apktool.jar是没有问题的

回复 9***@qq.com: 想问下是把targetsdk清空在重新配置 然后打包就可以正常了嘛 我的也是mac电脑 版本是4.24 没升级最新版本

你好

补充说明 是在快速安心打包方式时 页面底部内容会被系统按键导航栏盖住

我是传统打包 也依旧会 是不是hx的版本4.29的原因呢

这个问题是由于Android 15系统导航栏与应用的布局发生了冲突导致的。以下是解决方案：

  1. 在manifest.json中添加以下配置：
"app-plus": {
  "safearea": {
    "bottom": {
      "offset": "auto"
    }
  }
}
  1. 或者在页面样式中添加安全区域适配：
page {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
  1. 如果使用原生导航栏，可以在pages.json中配置：
"style": {
  "app-plus": {
    "titleNView": false,
    "safearea": {
      "bottom": {
        "offset": "auto"
      }
    }
  }
}
回到顶部