uni-app 离线打包 Pixel6 VIVO IQOO安卓15 app进入系统相册再返回后原页面顶部状态栏显示异常
uni-app 离线打包 Pixel6 VIVO IQOO安卓15 app进入系统相册再返回后原页面顶部状态栏显示异常
操作步骤:
- 必现;
- 当前页,点击进入相册;
- 返回到当前页;
预期结果:
- 进入相册前后,页面状态栏都正常
实际结果:
- 进入相册后,页面状态栏都异常
bug描述:
【报Bug】离线打包, Pixel6、VIVO、IQOO安卓15,app进入系统相册再返回后,原页面顶部状态栏显示异常
图片
信息表
项目 | 信息 |
---|---|
产品分类 | 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系统下状态栏在系统相册返回后的显示异常,属于系统兼容性问题。建议尝试以下解决方案:
- 在页面onShow生命周期中强制重置状态栏样式:
onShow() {
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#your_color'
})
}
- 检查manifest.json中的状态栏配置是否正确:
"app-plus": {
"statusbar": {
"immersed": true/false, // 根据需求调整
"style": "dark/light" // 根据主题设置
}
}
-
对于离线打包,确保在Android原生代码中正确处理了Activity生命周期和WindowInsets监听。
-
可以尝试在页面添加以下样式强制覆盖:
page {
padding-top: var(--status-bar-height);
}