自定义tabbar隐藏不了

1,631 阅读1分钟

image.png

在uniapp项目中,官方会自带tabbar功能

如果需要隐藏我们选择官方api,uni.hideTabBar(); 或者 display:none

在做项目之中发现个问题,

如果启动页,不是tabbar的某一页。那么在app.vue uni.hideTabBar() 是失效的

uni.hidetabbar ()方法只能在页面的生命周期函数中调用,例如onLoad、onshow等。如果在其他函数中调用,可能会无效。

如果使用了全局的tabbar,需要在App.vue 中使用uni.hideTabBar()方法隐藏。如果您在App.vue 中调用uni.hidetabbar(),可能会无效。

如果使用了自定义的tabbar,需要在自定义的tabbar组件中调用uni.hideTabBar()方法隐藏。如果您在其他地方调用uni.hidetabbar(),可能会无效

image.png

可以看到pages.json 里面的结构。index并不是第一位

但项目启动的默认首页,就是第一排的位置,如果这种情况,需要隐藏tabbar。

需要单独在index.vue里面写uni.hideTabBar(); 这个功能才会生效。

找了很久的bug 经验+1