uniapp隐藏tabbar

在UniApp中隐藏tabbar有几种方法可以实现。首先，你可以使用uni.hideTabBar()方法在App.vue中隐藏默认的tabbar。但是需要注意的是，这种方法在小程序中可以生效，在app中可能无法实现隐藏。如果想在app中实现隐藏效果，可以在页面的生命周期函数中再次引用一次uni.hideTabBar()方法。\[1\]

另外，如果你使用uni.switchTab()方法进行页面跳转后，uni.hideTabBar()方法无效，你可以尝试在uni.switchTab的回调方法中调用uni.hideTabBar()方法。例如：

uni.switchTab({
url: 'xxx',
success: res => {
uni.hideTabBar()
}
})\[2\]

还有一种情况是，如果你只是编译成小程序，可以在pages的tabbar配置中添加"custom": true的配置。这样在小程序中生效，无需调用uni.hideTabBar()方法。需要注意的是，使用此配置时，自定义底部时无需调用uni.hideTabBar()方法，因为调用会报错"errMsg": "hideTabBar:fail customTabBar"，意思是"隐藏失败，tabbar是自定义的"。\[3\]
#### 引用[.reference_title]
- *1* [uni-app中隐藏tabbar](https://blog.csdn.net/shgzzd/article/details/121873297)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [关于uni-app中隐藏底部导航栏uni.hideTabbar()的使用](https://blog.csdn.net/weixin_41979836/article/details/130992428)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]