uni-app ios无内容区域显示黑色背景
uni-app ios无内容区域显示黑色背景
操作步骤:
- 用目前最新编辑器打包安装app会出现
预期结果:
- 显示正常
实际结果:
- 无内容区域背景色不正常
bug描述:
- ios无内容区域显示黑色背景
图片

项目信息
| 信息 | 值 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境 | Windows |
| PC开发环境版本 | win10 |
| HBuilderX类型 | Alpha |
| HBuilderX版本 | 3.1.21 |
| 手机系统 | iOS |
| 手机系统版本 | IOS 14 |
| 手机厂商 | 苹果 |
| 手机机型 | iPhoneX |
| 页面类型 | nvue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于uni-app ios无内容区域显示黑色背景的实战教程也可以访问 https://www.itying.com/category-93-b0.html
7 回复
请上传一个可复现问题的 示例工程
我去掉globalStyle里面的几个属性,然后莫名奇妙的好了,再加上这些属性也没有这种情况了
回复 3***@qq.com: 最好是能提供可复现的方式,不然无从下手
回复 3***@qq.com: 去掉哪个,可以拿出来参考下不?
这是一个iOS上常见的背景色渲染问题。在nvue页面中,iOS默认会将无内容区域渲染为黑色背景。
解决方案:
- 在页面的根元素或需要设置背景的容器上添加背景色样式:
.container {
background-color: #ffffff; /* 或其他需要的颜色 */
}
- 如果使用页面级样式,可以在页面样式文件中设置:
page {
background-color: #ffffff;
}


