代码示例
// 示例代码
uni.navigateTo({
url: '/pages/nextPage/nextPage'
});
2***@qq.com
- 发布：2023-09-27 16:34
- 更新：2023-09-27 17:37
- 阅读：354
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.4
手机系统： Android
手机系统版本号： Android 11
手机厂商： 模拟器
手机机型： AS自带模拟器
页面类型： vue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
复现步骤
- 启动应用: 打开已安装的应用。
- 显示虚拟操作栏: 从底部划出虚拟操作栏。
- 隐藏虚拟操作栏: 等待虚拟操作栏自动或手动消失。
- 页面跳转: 使用
uni.navigateTo()方法跳转到下一个页面。
复现步骤
- 启动应用: 打开已安装的应用。
- 显示虚拟操作栏: 从底部划出虚拟操作栏。
- 隐藏虚拟操作栏: 等待虚拟操作栏自动或手动消失。
- 页面跳转: 使用
uni.navigateTo()方法跳转到下一个页面。
预期结果：
页面应该能够完全填充整个可视区域，不应有底部的透明区域。
页面应该能够完全填充整个可视区域，不应有底部的透明区域。
实际结果：
nextPage底部会存在一个操作栏高度的透明区域。
nextPage底部会存在一个操作栏高度的透明区域。
bug描述：
BUG 描述
在Android设备上，当虚拟操作栏出现并再次消失后，使用uni.navigateTo()跳转到另一页面会在页面底部留下一个透明区域，会透出上一个页面。
使用uni.reLaunch()则可以正常显示，符合预期。
代码示例
// 在index页面
uni.navigateTo({
url: '/pages/nextPage/nextPage'
}); 
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序
隐藏虚拟操作栏后重新打开APP有没有问题，如果没有可以在改完让APP重启一下
2***@qq.com (作者)
目前测试，每次navigateTo后底部都会有透明区域。
2023-09-28 09:35