uniapp控制tabbar显示隐藏

UniApp是一款基于Vue.js的跨平台开发框架，它允许开发者构建一次，部署到多个平台上，包括iOS、Android等。关于TabBar（底部导航栏），在UniApp中，你可以通过修改应用的动态数据或者在特定场景下控制其显示和隐藏。

如果你想在运行时动态控制TabBar的显示状态，可以使用` uni.switchTabBar `或者` uni.setNavigationBarHidden `这两个API。例如：

// 显示TabBar
uni.showTabBar();

// 隐藏TabBar
uni.hideTabBar();

// 如果你想在某个页面上暂时隐藏TabBar，可以在生命周期钩子created或beforeRouteEnter中设置
Page({
  created() {
    this.$store.commit('changeTabBarVisibility', { show: false });
  },
  onShow() {
    // 页面显示时，检查store的状态并恢复TabBar可见性
    if (!this.$store.state.tabBarVisible) {
      uni.showTabBar();
    }
  }
})

// 而在Vuex store中管理这个状态
export const mutations = {
  changeTabBarVisibility(state, payload) {
    state.tabBarVisible = payload.show;
  }
}

记得在处理TabBar的显示隐藏时，需要考虑页面间的关联性和用户体验一致性。