详细问题描述
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
重现步骤
[步骤]
这是之前的旧项目,一直好好的,这次升级版本后使用V3编译器,结果项目tabbar页出现了这么个情况:
上面的黑条是我自己自定义的底部导航组件,在onLoad周期使用uni.hideTabBar()隐藏原生导航栏,结果第一个打开的tabbar页下面就出现了这么一段间隙,而且只有第一个打开的tabbar页有,其他tabbar页都是好的。
为了复现问题,我按照差不多的方式创建了一个测试项目(附件里),在启动页可以用switchTab和reLaunch两种方式跳转到tabbar页,tabbar页都在onLoad周期使用uni.hideTabBar()隐藏原生导航栏,并引入了自定义导航栏组件。
[结果]
测试项目在微信小程序端表现正常,APP端的问题却更加玄学了!
无论是switchTab还是reLaunch方式跳转到tabbar页,只要是第一个打开的tabbar页(无论是首页还是我的页),底部导航栏要么多出一块留白,要么短了一块(中间试过给page加过背景色,留白区域无背景色)。(偶尔会是正常,但大多数时有问题)
我在tabbar页代码里加了一段
onLoad() {
uni.hideTabBar()
const System = uni.getSystemInfoSync()
console.log(`屏高为${System.screenHeight}, 可用窗口高度为${System.windowHeight}`)
},
打印出来的数值都是正常的,但页面是不正常的(比打印结果长了或短了一节),反而让我的项目不正常了(哭)。
同时,我在“首页”加了一个按钮,reLaunch了一下首页,结果底部表现就正常了,真的是只有第一次打开的tabbar页才有问题,其他都是好的。
[期望]
uni.hideTabBar()能正确隐藏底部tabbar
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HbuilderX
[IDE版本号]
HbuilderX 2.7.0-alpha
[windows版本号]
window 10 教育版 1809(内部版本 17763.914)
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
app
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX创建
[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]
v3模式
App运行环境说明
测试用的多台安卓手机和安卓模拟器均出现
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]740486429