uniapp默认底部tabbar隐藏

Uniapp 并不会默认隐藏底部 TabBar，可以通过在 App.vue 文件中的 `tabBar` 字段设置 `custom: true` 来自定义 TabBar，然后在需要显示 TabBar 的页面中设置 `tabBar` 字段为 `true`，在不需要显示 TabBar 的页面中设置 `tabBar` 字段为 `false`。如果还有其他问题，可以继续问我。

相关问题

uniapp获取底部tabbar高度

你可以通过uni.getSystemInfoSync()获取系统信息，从而得到底部tabbar的高度。具体代码可以参考以下示例：

var systemInfo = uni.getSystemInfoSync();
var tabBarHeight = systemInfo.screenHeight - systemInfo.windowHeight - systemInfo.statusBarHeight - 50; // 50为底部tabbar默认高度
console.log('底部tabbar的高度为：' + tabBarHeight);

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 ]