uni-app设置某个tab导航页不展示底部导航

可以通过在该页面的 `onShow` 生命周期中设置 `uni.showTabBar` 方法来实现不展示底部导航栏。具体实现代码如下：

onShow() {
  uni.showTabBar({
    animation: true,
    // 设置 showTabBar 的 show 参数为 false
    show: false,
  })
},

需要注意的是，在该页面离开时，需要再次调用 `uni.showTabBar` 方法，将 `show` 参数设置为 `true`，以便在其他页面中展示底部导航栏。否则，其他页面也将不展示底部导航栏。

onHide() {
  uni.showTabBar({
    animation: true,
    // 设置 showTabBar 的 show 参数为 true
    show: true,
  })
},

相关问题

uni-app底部导航栏

uni-app是一个跨平台的前端框架，它可以帮助开发者使用Vue语法快速构建多端应用。在uni-app中，底部导航栏可以通过使用uni-app提供的组件来实现。

在uni-app中，可以使用`uni-tabbar`组件来创建底部导航栏。首先，在页面的vue文件中引入该组件：

<template>
  <view>
    <!-- 页面内容 -->
  </view>
  <uni-tab-bar>
    <uni-tab-bar-item text="首页" icon="home"></uni-tab-bar-item>
    <uni-tab-bar-item text="消息" icon="message"></uni-tab-bar-item>
    <uni-tab-bar-item text="我的" icon="user"></uni-tab-bar-item>
  </uni-tab-bar>
</template>

在`uni-tab-bar`组件内部，可以使用`uni-tab-bar-item`组件来定义每个导航项。通过设置`text`属性来显示文本，通过设置`icon`属性来指定图标。

注意：需要在`script`标签中引入`uni-tab-bar`和`uni-tab-bar-item`组件：

import { uniTabBar, uniTabBarItem } from 'uni-ui

uni-app底部导航

uni-app是一个跨平台的开发框架，可以用于同时开发App、H5、小程序等多个平台的应用程序。而底部导航栏是App开发中常见的一种导航方式，用于在底部展示多个页面入口，方便用户快速切换页面。

在uni-app中，可以通过使用uni-tabbar组件来实现底部导航栏。具体步骤如下：

1. 在页面的`template`中添加uni-tabbar组件，设置它的`v-model`属性用于控制当前选中的页面索引。例如：

<template>
  <view>
    <!-- 页面内容 -->
  </view>
  
  <uni-tabbar v-model="currentTab" :list="tabList"></uni-tabbar>
</template>

2. 在页面的`data`中定义`currentTab`和`tabList`，分别表示当前选中的页面索引和底部导航栏的配置。例如：

export default {
  data() {
    return {
      currentTab: 0,
      tabList: [
        {
          iconPath: 'static/tab-bar/home.png',
          selectedIconPath: 'static/tab-bar/home-selected.png',
          text: '首页',
          pagePath: '/pages/home/index'
        },
        {
          iconPath: 'static/tab-bar/category.png',
          selectedIconPath: 'static/tab-bar/category-selected.png',
          text: '分类',
          pagePath: '/pages/category/index'
        },
        // 其他页面配置
      ]
    };
  }
};

其中，`tabList`数组中每个元素表示一个底部导航项，包括图标路径、选中时的图标路径、文本和对应的页面路径。

3. 根据`currentTab`的值在页面中显示对应的内容。例如：

<view>
  <!-- 首页内容 -->
</view>

<view v-if="currentTab === 1">
  <!-- 分类页面内容 -->
</view>

<!-- 其他页面内容 -->

通过以上步骤，就可以在uni-app中实现底部导航栏的功能了。你可以根据需要配置不同的页面和对应的导航项。