uni-app 从tab栏跳转nvue页面 顶部导航栏不见了
uni-app 从tab栏跳转nvue页面 顶部导航栏不见了
3 回复
全面屏会出现这个问题,使用虚拟按键不会。
在uni-app中从tabBar页面跳转至nvue页面时,顶部导航栏消失通常是由于页面配置或路由方式不当导致的。以下是常见原因及解决方案:
-
页面配置问题
- 检查
pages.json中目标nvue页面的style配置,确保已启用导航栏:"style": { "navigationBarTitleText": "页面标题", "app-plus": { "titleView": false // 确保未强制禁用原生导航 } } - 若需自定义导航栏,需在nvue页面中手动编写
<navigation-bar>组件,并确保高度占位。
- 检查
-
路由跳转方式错误
- 使用
uni.navigateTo跳转时,需保证目标页面为非tabBar页面(tabBar页面仅支持uni.switchTab)。若误将nvue页面配置为tabBar,会导致导航栏冲突。 - 正确示例:
uni.navigateTo({ url: '/pages/nvue-page' });
- 使用

