微信小程序沉浸式状态栏的设置

Navigation 是小程序的顶部导航组件,当页面配置 navigationStylecustom 时,则预设的顶部导航栏就会消失,变为沉浸式的全屏显示。当然,也可以自己开发一个自定义的 NavigationBar 组件

原生开发时可以全局修改 app.json 文件或者单独在某页面下添加 NavigationnavigationStyle:

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