uni-app 配置 APP 不显示顶部标题栏 - 文章教程

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

发布于 2019-09-07 字数 715 浏览 7228 评论 0

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

"navigationStyle": "custom"

通过查看开发文档,发现应该这样配置:

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

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

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

清风夜微凉

文章 1 评论 0

为你鎻心

文章 2 评论 0

xxhui

文章 0 评论 0

1PKOH46yx8j0x

文章 0 评论 0

Arthur

文章 0 评论 0