
默认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"
}
}