uniapp 隐藏原生的tabbar

UniApp 是一款基于 Vue.js 的框架，用于快速构建多端统一的原生应用。如果你想隐藏原生的 tabBar（底部导航栏），在 UniApp 中，你可以通过修改页面的样式或者配置选项来实现这个需求。

1. **页面样式调整**：在 App.json 或单个页面的 JSON 配置文件中，你可以设置 "window" 属性，然后在 "navigationBar" 子项下添加 "hidden: true" 来隐藏默认的导航栏。例如：

{
  "window": {
    "navigationBarTitleText": "",
    "navigationBarTextStyle": "#fff",
    "navigationBarBackgroundColor": "#000",
    "navigationBarHidden": true
  }
}

2. **动态控制**：在对应的页面组件中，可以监听路由变化，然后动态地切换 tabBar 是否显示。这通常需要配合 Vue 的生命周期钩子如 `created`、`beforeRouteEnter` 等。

export default {
  created() {
    this.$route.meta && (this.showTabBar = this.$route.meta.showTabBar);
  },
  methods: {
    showTabBar: false,
    toggleTabBar() {
      this.showTabBar = !this.showTabBar;
    }
  }
}

然后在模板中绑定 `showTabBar` 到 tabBar 的可见状态：

<view v-if="!showTabBar">...其他内容...</view>
<tab-bar v-if="showTabBar">...tabBar部分...</tab-bar>