1. 犀牛前端部落首页
  2. uni-app

uni-app去除默认顶部导航栏

uni-app去除默认顶部导航栏
uni-app Logo

默认uni-app会给我们所有页面都创建一个导航条,额外的我们还可以设置特定页面的导航条显示文字。

但是有些场景我们需要去除默认的导航条,或者设置导航条文字,我们该如果处理呢?

首先我们需要知道pages.json的作用:页面配置文件,相当于所有的页面都可以在这个文件中设置。

常见设置api

pages//设置每一个页面
globalStyle//全局化的设置
navigationStyle//custom default 
navigationBarTitleText//设置导航条文字,不设置默认为全局设置属性

其中navigationStyle就是用来设置去除默认导航的属性,我们可以将其设置为custom,就会隐藏默认的导航条了。

配置文件

我试验过的正确的pages.json文件代码如下:

{
	"pages": [{
		"path": "pages/index/index",
		"style": {
			"navigationStyle":"custom",//隐藏导航条
			"navigationBarTitleText":"" //用于设置显示文字
		}
	}],
	"globalStyle": {
		"navigationBarTextStyle": "white",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#007AFF",
		"backgroundColor": "#FFFFFF"
	}
}

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/3382.html

发表评论

登录后才能评论