onLaunch: function() {
console.log('App Launch')
// 全屏--去状态栏
plus.navigator.setFullscreen(true);
// 横屏
plus.screen.lockOrientation("landscape-primary");
// 隐藏虚拟按键
plus.navigator.hideSystemNavigation();
},
onShow: function() {
console.log('App Show')
// 全屏--去状态栏
plus.navigator.setFullscreen(true);
// 横屏
plus.screen.lockOrientation("landscape-primary");
// 隐藏虚拟按键
plus.navigator.hideSystemNavigation();
},
onHide: function() {
console.log('App Hide')12
}
7***@qq.com
- 发布：2021-06-07 09:15
- 更新：2022-02-17 15:59
- 阅读：653
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
HBuilderX类型： Alpha
HBuilderX版本号： 3.1.16
手机系统： Android
手机系统版本号： Android 7.0
手机厂商： 华为
手机机型： 荣耀waterplay——HDN-W09
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
切换页面就会出现
切换页面就会出现
预期结果：
详情页完全覆盖页面，不会出现透明区域（被虚拟按键顶起的）
详情页完全覆盖页面，不会出现透明区域（被虚拟按键顶起的）
实际结果：
切换页面就会出现
切换页面就会出现
bug描述：
设置全屏和隐藏虚拟按键之后，跳转页面，详情页底部会出现透明区域（虚拟按键所在的位置，但是虚拟按键是隐藏的，透明区域可以操作前一页的页面）
（图）首页是蓝色，详情页是灰色，跳转详情页面后底部会出现首页的蓝色，就是虚拟按键被顶起的透明区域，可以点到首页的内容（如果这透明区域有内容的话）
主动监听onResize 改下高度
-
-
-
7***@qq.com (作者)
回复 DCloud_Android_ST: 这算不算一个bug。因为设置了全屏，是不需要系统自带的虚拟按键，导致出现这块区域，还要手动去修改其他地方，如果可以的话，可以不可以下个版本更新掉这个问题。
2021-06-11 13:40
7***@qq.com (作者)
页面路由切换，去掉动画的话，确实没问题。这不是有效的解决办法，去掉动画，显得切换很生硬
2021-06-11 10:55
1***@qq.com
回复 7***@qq.com: 我没设置动画依然有这个问题。
2021-11-04 01:29