Navigation 是小程序的顶部导航组件,当页面配置 navigationStyle 为 custom 时,则预设的顶部导航栏就会消失,变为沉浸式的全屏显示。当然,也可以自己开发一个自定义的 NavigationBar 组件。
原生开发时可以全局修改 app.json 文件或者单独在某页面下添加 Navigation 的 navigationStyle:
"window": {
"navigationStyle": "custom",
}
在 uni-app 下可以修改 pages.json 文件,全局修改 globalStyle 或者单独 style,如下:
{
"pages": [ // pages 数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "第一页",
"navigationStyle": "custom" // 单独设置 navigationStyle
}
},
{
"path": "pages/my-page/index",
"style": {
"navigationBarTitleText": "第二页"
}
}
],
"globalStyle": {
// "navigationStyle": "custom", // 全局设置 navigationStyle
// ...
}
}