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 // ... } }