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 H5 设置tabbar 不显示uniapp H5 设置tabbar 不显示

在 UniApp 开发中，如果你想让底部 tabBar 不显示，可以按照以下步骤操作：

1. **默认配置**：如果你的项目使用了默认提供的 tabBar，可以在 `pages/index.json` 文件中设置 `navigatorStyle` 为 `custom`，表示自定义导航样式，同时移除 tabBar 的相关配置。

{
  "window": {
    "navigatorStyle": "custom",
    "navigationBarBackgroundColor": "#fff", // 设置背景颜色，默认是白色
    "navigationBarTextStyle": "#000", // 文字颜色，默认黑色
    "navigationBarTitleText": "", // 避免默认标题栏出现
    "disableTabBar": true // 关闭 tabBar
  }
}

2. **手动隐藏**：如果你需要在特定页面动态隐藏 tabBar，可以在该页面的 JavaScript 中调用 `this.globalData.disableTabBar = true` 来启用或禁用。

Page({
  onLoad() {
    if (this.someCondition) {
      this.globalData.disableTabBar = true;
    } else {
      this.globalData.disableTabBar = false; // 如果不需要隐藏，则恢复默认状态
    }
  },
  globalData: {
    disableTabBar: false // 初始化全局变量
  }
})

记得在每个页面加载完成后检查条件并调整 tabBar 状态。