uniapp跳转后依然显示底部导航

在uniapp中，可以通过设置页面的navigationStyle属性来控制页面的导航栏和底部栏的显示和隐藏。具体操作如下：

1. 在需要隐藏底部导航栏的页面中，设置navigationStyle为custom：

export default {
  config: {
    navigationStyle: 'custom'
  }
}

2. 在页面中添加自定义样式，将底部栏的高度设置为0，并将页面的高度设置为100%：

<template>
  <div class="page">
    <!-- 页面内容 -->
  </div>
</template>

<style>
  .page {
    height: 100%;
    padding-bottom: env(safe-area-inset-bottom);  /* 适配iPhone X及以上机型 */
  }
  .uni-tabbar {
    display: none;
    height: 0;
  }
</style>

通过以上操作，即可在跳转到该页面时隐藏底部导航栏，页面高度撑满整个屏幕。需要注意的是，隐藏底部栏后，如果页面底部有需要滚动的内容，则需要在样式中为页面底部添加适当的padding值，以免内容被底部栏遮挡。

相关问题

uniapp跳转其他页面后依然显示首页底部导航

在uniapp中，可以通过设置页面的navigationBarTitleText属性来隐藏底部导航栏。具体步骤如下：

1. 在需要隐藏底部导航栏的页面中，设置navigationBarTitleText属性为一个空字符串。例如：

<template>
  <view>
    <!-- 页面内容 -->
  </view>
</template>

<script>
export default {
  onNavigationBarButtonTap() {
    uni.navigateTo({
      url: '/pages/otherPage/otherPage',
      success: () => {
        // 跳转成功后，隐藏底部导航栏
        uni.setNavigationBarTitle({
          title: ''
        })
      }
    })
  }
}
</script>

2. 在跳转到其他页面的成功回调函数中，调用uni.setNavigationBarTitle方法，将navigationBarTitleText属性设置为空字符串，即可隐藏底部导航栏。

注意：设置navigationBarTitleText属性为空字符串后，页面顶部的标题栏也会被隐藏。如果需要在其他页面中显示标题栏，可以在其他页面的onLoad生命周期函数中设置navigationBarTitleText属性为对应的标题。

uniapp页面跳转底部导航栏

在uniapp中，如果需要在页面跳转时保留底部导航栏，可以使用自定义底部导航栏的方式。具体实现方法如下：
1. 在uni_modules目录内创建一个自定义底部导航栏组件，例如TC-tabBar。
2. 在需要使用底部导航栏的页面中引用该组件，并在组件中设置底部导航栏的样式和功能。
3. 在uni-app的pages.json文件中配置底部导航栏的页面路径和图标等信息。
4. 在页面跳转时，使用uni.navigateTo或uni.switchTab等方法进行跳转，保留底部导航栏。

需要注意的是，如果使用uni.switchTab方法进行跳转，则只能跳转到底部导航栏中已经配置的页面，而不能跳转到其他页面。如果需要跳转到其他页面，则需要使用uni.navigateTo等方法，并在目标页面中手动添加返回底部导航栏的按钮或其他方式。