uniapp中隐藏原生导航

在uniapp中隐藏原生导航栏有两种方法，一种是隐藏单个页面的原生导航栏，另一种是隐藏全局页面的原生导航栏。
1. 隐藏单个页面的原生导航栏：在对应页面的json文件中添加"navigationStyle":"custom"即可实现。需要注意的是，这种方法只对当前页面有效。
2. 隐藏全局页面的原生导航栏：在App.vue文件中的onLaunch方法中添加uni.hideNavigationBarLoading()和uni.hideNavigationBarLoading()即可实现。需要注意的是，这种方法对所有页面都有效，且需要在onLaunch方法中添加才能生效。

相关问题

uniapp去掉原生底部导航栏

在uni-app开发中，如果你想要去除默认的底部导航栏，你可以通过修改组件样式或者使用自定义模板来自定义界面布局。以下是一些步骤：

1. **全局配置**：在`App.vue`文件中，可以设置全局的导航栏属性。添加以下代码到`<template>`部分：

   <navigator style="{ bottom: '0px', height: '0px', overflow: 'hidden'}">
     <view class="custom-navigation" />
   </navigator>

2. **自定义导航栏**：创建一个名为`.custom-navigation`的视图，并覆盖默认的底部栏样式，例如：

   <view class="custom-navigation">
     <!-- 自定义按钮、元素等 -->
   </view>

3. **手动隐藏**：如果你想动态控制底部栏的显示和隐藏，可以在需要的地方使用Vue的`v-if`或`v-show`指令。

4. **API控制**：uni-app提供了`navigator.setOption`方法来设置导航栏的行为，如果不需要底部栏，可以传递`{ showBottomBar: false }`作为选项。

注意这会改变整个应用的底部栏，如果你只想在特定页面移除，可以考虑在该页面对应的组件中处理这个逻辑。

如何在UniApp中实现隐藏原生的 tabBar？

在 UniApp 中，如果你想隐藏原生的 tabBar (底部导航栏)，你可以通过 Vue 的 `v-if` 或者 `v-show` 指令动态控制其显示。首先，你需要确保你的页面组件有一个模板，在该模板里包含 tabBar 的部分：

<template>
  <view class="page">
    <!-- 其他内容 -->
    <uni-tabbar v-if="showTabBar" :options="{ ...tabBarOptions }"></uni-tabbar>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showTabBar: false, // 初始设置为 false，表示隐藏 tabBar
      tabBarOptions: { ... }, // 初始化 tab 栏配置
    };
  },
  methods: {
    // 如果有需要切换 tabBar 显示的需求，可以添加这个方法
    toggleTabBar() {
      this.showTabBar = !this.showTabBar;
    }
  },
};
</script>

在上述代码中，`showTabBar` 变量决定了 tabBar 是否显示。当你想隐藏 tabBar 时，将其值设为 `false`；想显示时，设为 `true`。如果需要提供一个按钮或者其他触发事件来切换 tabBar 的可见性，可以在 `methods` 部分添加相应的处理函数。