"navigationStyle": "custom"","titleNView": false配置隐藏导航栏在uni-app中不生效

“navigationStyle”: “custom”",“titleNView”: false配置隐藏导航栏在uni-app中不生效

开发环境 版本号 项目创建方式
Windows 10 HBuilderX 
操作步骤：

··· { “path”: “pages/tabbar/my”, “style”: { “navigationBarTitleText”: “我的”, “navigationStyle”: “custom”, “app-plus”: { “titleNView”: false } } } ···


预期结果：


隐藏导航栏

实际结果：

有时候会隐藏，有时候不隐藏


bug描述：


页面配置了"navigationStyle": "custom"或者
"app-plus": {
"titleNView": false
}
或者两者都配置，导航栏有时候会出现不隐藏，但有时候有隐藏。

更多关于"navigationStyle": "custom"","titleNView": false配置隐藏导航栏在uni-app中不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

我一般都不加"navigationStyle": “custom”，就单单加第二个，都没问题 需要注意的就是修改了pages.json之后必须重新编译一下项目，不然有时候会出现问题

更多关于"navigationStyle": "custom"","titleNView": false配置隐藏导航栏在uni-app中不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题的原因可能是配置冲突或缓存导致的。以下是解决方案：

  1. 确保pages.json中的配置正确：
{
  "path": "pages/tabbar/my",
  "style": {
    "navigationBarTitleText": "我的",
    "navigationStyle": "custom",
    "app-plus": {
      "titleNView": false
    }
  }
}
  1. 对于Android平台，可能需要额外配置：
"app-plus": {
  "titleNView": false,
  "statusbar": {
    "immersed": true
  }
}
  1. 清除HBuilderX缓存后重新运行项目：
  • 关闭HBuilderX
  • 删除项目目录下的.unpackage和node_modules文件夹
  • 重新打开项目并运行
  1. 检查是否有其他全局样式覆盖了页面配置

如果问题仍然存在，可以尝试在onLoad生命周期中强制设置：

onLoad() {
  // #ifdef APP-PLUS
  plus.navigator.setFullscreen(true)
  // #endif
}
回到顶部