Hbuilder html5+沉浸式状态栏

  1. manifest.json源码视图添加
javascript 复制代码
{
	"statusbar": {
		"immersed": true
}

如图:

2、plusready准备,将状态栏字体变黑,不然背景白色、状态栏白色看不到

javascript 复制代码
//2.1 如果你用了mui,
mui.plusReady(function(){
	plus.navigator.setStatusBarStyle("dark");//状态栏字体变黑色
	plus.navigator.setStatusBarBackground("rgba(0,0,0,1)")//设置状态栏背景颜色,沉浸式把这个删除,只需要上面那个,这个只是知道有这个方法
}}			
javascript 复制代码
//2.2 如果你没有用mui
document.addEventListener("plusready", function(){
	plus.navigator.setStatusBarStyle("dark");//状态栏字体变黑色
},false);

3、重新运行调试基座(有时候必须要重启)

相关推荐
拿不拿铁1913 小时前
Vite 5.x 开发模式启动流程分析
前端
fruge14 小时前
设计稿还原技巧:解决间距、阴影、字体适配的细节问题
前端·css
BBB努力学习程序设计14 小时前
了解响应式Web设计:viewport网页可视区域
前端·html
zhangyao94033014 小时前
uni-app scroll-view特定情况下运用
前端·javascript·uni-app
码农张14 小时前
从原理到实践,吃透 Lit 响应式系统的核心逻辑
前端
jump68014 小时前
object和map 和 WeakMap 的区别
前端
打小就很皮...14 小时前
基于 Dify 实现 AI 流式对话:组件设计思路(React)
前端·react.js·dify·流式对话
这个昵称也不能用吗?14 小时前
【安卓 - 小组件 - app进程与桌面进程】
前端
kuilaurence14 小时前
CSS `border-image` 给文字加可拉伸边框
前端·css
一 乐14 小时前
校园墙|校园社区|基于Java+vue的校园墙小程序系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·小程序