uni-app 离线打包 Pixel6 VIVO IQOO安卓15 app进入系统相册再返回后原页面顶部状态栏显示异常

uni-app 离线打包 Pixel6 VIVO IQOO安卓15 app进入系统相册再返回后原页面顶部状态栏显示异常

操作步骤:

  • 必现;
  • 当前页,点击进入相册;
  • 返回到当前页;

预期结果:

  • 进入相册前后,页面状态栏都正常

实际结果:

  • 进入相册后,页面状态栏都异常

bug描述:

【报Bug】离线打包, Pixel6、VIVO、IQOO安卓15,app进入系统相册再返回后,原页面顶部状态栏显示异常

图片

Image 1 Image 2

信息表

项目 信息
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.56
手机系统 Android
手机系统版本号 Android 15
手机厂商 OPPO
手机机型 IQOOZ9
页面类型 vue
vue版本 vue2
打包方式 离线
项目创建方式 HBuilderX

更多关于uni-app 离线打包 Pixel6 VIVO IQOO安卓15 app进入系统相册再返回后原页面顶部状态栏显示异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

已修复!

更多关于uni-app 离线打包 Pixel6 VIVO IQOO安卓15 app进入系统相册再返回后原页面顶部状态栏显示异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是Android 15系统下状态栏在系统相册返回后的显示异常,属于系统兼容性问题。建议尝试以下解决方案:

  1. 在页面onShow生命周期中强制重置状态栏样式:
onShow() {
    uni.setNavigationBarColor({
        frontColor: '#ffffff',
        backgroundColor: '#your_color'
    })
}
  1. 检查manifest.json中的状态栏配置是否正确:
"app-plus": {
    "statusbar": {
        "immersed": true/false,  // 根据需求调整
        "style": "dark/light"    // 根据主题设置
    }
}
  1. 对于离线打包,确保在Android原生代码中正确处理了Activity生命周期和WindowInsets监听。

  2. 可以尝试在页面添加以下样式强制覆盖:

page {
    padding-top: var(--status-bar-height);
}
回到顶部