uni-app 从tab栏跳转nvue页面 顶部导航栏不见了

uni-app 从tab栏跳转nvue页面 顶部导航栏不见了

3 回复

视频如下

更多关于uni-app 从tab栏跳转nvue页面 顶部导航栏不见了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


全面屏会出现这个问题,使用虚拟按键不会。

在uni-app中从tabBar页面跳转至nvue页面时,顶部导航栏消失通常是由于页面配置或路由方式不当导致的。以下是常见原因及解决方案:

  1. 页面配置问题

    • 检查pages.json中目标nvue页面的style配置,确保已启用导航栏:
      "style": {
        "navigationBarTitleText": "页面标题",
        "app-plus": {
          "titleView": false // 确保未强制禁用原生导航
        }
      }
      
    • 若需自定义导航栏,需在nvue页面中手动编写<navigation-bar>组件,并确保高度占位。
  2. 路由跳转方式错误

    • 使用uni.navigateTo跳转时,需保证目标页面为非tabBar页面(tabBar页面仅支持uni.switchTab)。若误将nvue页面配置为tabBar,会导致导航栏冲突。
    • 正确示例:
      uni.navigateTo({
        url: '/pages/nvue-page'
      });
回到顶部