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、重新运行调试基座(有时候必须要重启)

相关推荐
小李子呢021112 小时前
前端八股Vue(6)---v-if和v-for
前端·javascript·vue.js
程序员buddha12 小时前
ES6 迭代器与生成器
前端·javascript·es6
周周记笔记13 小时前
初识HTML和CSS(一)
前端·css·html
aq553560013 小时前
网页开发四剑客:HTML/CSS/JS/PHP全解析
javascript·css·html
chxii13 小时前
在 IIS 中实现 SSL 证书的自动续期
前端
周星星日记13 小时前
vue3中静态提升和patchflag实现
前端·vue.js·面试
橘子编程13 小时前
React 19 全栈开发实战指南
前端·react.js·前端框架
DanCheOo13 小时前
AI Streaming 架构:从浏览器到服务端的全链路流式设计
前端·agent
我是小趴菜13 小时前
前端如何让图片、视频、pdf等文件在浏览器直接下载而非预览
前端
cg3314 小时前
开源项目自动化:用 GitHub Actions 让每个 Issue 都被温柔以待
前端