uniapp开发App,手机顶部状态栏问题

问题:在使用uniapp开发手机App时,因为HBuildX创建的应用默认是沉浸式样式,如果去除自带的导航栏之后,页面会直通手机顶部状态栏,解决办法有一下几个

方法1:可以使用uniapp官方文档提供的解决方案 https://uniapp.dcloud.io/collocation/pages?id=customnav

方法二:配置mainfest.json来关闭沉浸式。打开应用的manifest.json文件,打开源码视图,app-plus 下添加 statusbar >immersed节点并设置值为false。

"app-plus" : {

"statusbar": {

"immersed": false

},

}

相关推荐
檀越剑指大厂5 小时前
【Nginx系列】Tengine:基于 Nginx 的高性能 Web 服务器与反向代理服务器
服务器·前端·nginx
是你的小橘呀5 小时前
深入理解 JavaScript 预编译:从原理到实践
前端·javascript
uhakadotcom5 小时前
在使用cloudflare workers时,假如有几十个请求,如何去控制并发?
前端·面试·架构
风止何安啊5 小时前
栈与堆的精妙舞剧:JavaScript 数据类型深度解析
前端·javascript
用户47949283569155 小时前
Chrome DevTools MCP:让 AI 助手直接操作浏览器开发工具
前端·javascript·chrome
糖糖2465 小时前
uniapp + uni-ui + vue3转cli
uni-app
Rysxt_6 小时前
Vuex 教程 从入门到实践
前端·javascript·vue.js
多秋浮沉度华年6 小时前
uni-app开发app移动端使用ucharts自定义标签栏Tooltip
uni-app
by__csdn6 小时前
Node.js版本与npm版本的对应关系
前端·npm·node.js
AI_56786 小时前
Webpack性能优化终极指南:4步实现闪电打包
前端·webpack·性能优化