关于uni-app 配置 APP 不显示顶部标题栏设置

最新推荐文章于 2025-05-05 01:57:19 发布

做个有准备的人

最新推荐文章于 2025-05-05 01:57:19 发布

阅读量1.2w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端埋坑之路-前端技术

367 篇文章 ¥9.90 ¥99.90

订阅专栏

本文介绍了uni-app中如何配置隐藏顶部标题栏，以实现自定义导航。内容涉及HTML5、小程序和APP平台的差异，特别是APP平台需要额外处理任务栏高度的问题，以确保正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app 可以配置 navigationStyle 为 custom 隐藏顶部标题栏，这样我们需要自己实现应用顶部的导航，但是在 SwitchTab 也本来就不需要导航，所以可以放心大胆的隐藏掉，HTML5 和小程序都可以很好的表现，但是 APP 似乎这样设置无效。

"navigationStyle": "custom"

通过查看开发文档，发现应该这样配置：

"path": "pages/index/index", //首页  
"style": {  
  "app-plus": {  
    "titleNView": false //禁用原生导航栏  
  }  
}

如果是其他页面也需要隐藏标题栏，这里有一个问题，通过这样的配置，所有的顶部都没有了，但是我们需要显示任务栏出来，所以我们必须获取任务栏的高度，然后动态设置一个容器把任务栏的空间撑出来。