uni-app实现小程序沉浸式导航栏/顶部组件占满导航栏


如果你只是想单纯的让屏幕最上方的那个组件（比如swiper）将通知栏（导航栏）填充满，那么你只需要在page.json文件中加入以下代码到你想实现此效果的页面的style中 

"navigationStyle": "custom"

实例：

"pages": [
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "",
				"navigationStyle": "custom"
			}
		}
		]

添加前：
在这里插入图片描述

添加后：
在这里插入图片描述

# 小程序 # uni-app # 前端
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

Kmesh进入CNCF云原生全景图，实现网格治理sidecarless化

avatar 华为云开发者联盟
cover

华为云HCSD校园沙龙点亮上海交通大学，聚焦前沿科技，共绘人才蓝图！

avatar 华为云开发者联盟
cover

【FAQ】HarmonyOS SDK 闭源开放能力 —Map Kit（2）

avatar 华为云开发者联盟