"safearea" : {
"background" : "#fff",
"bottom" : {
"offset" : "none"
}
},
- 发布:2026-08-05 15:04
- 更新:2026-08-05 15:05
- 阅读:24
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 11
HBuilderX类型: 正式
HBuilderX版本号: 5.07
手机系统: Android
手机系统版本号: Android 16
手机厂商: vivo
手机机型: IQOO15
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
argetSdkVersion为36,手机使用全屏手势,不隐藏指示条,
argetSdkVersion为36,手机使用全屏手势,不隐藏指示条,
预期结果:
argetSdkVersion为36,与35应该一样
argetSdkVersion为36,与35应该一样
实际结果:
不一样一个背景为黑色一个是透明
不一样一个背景为黑色一个是透明
bug描述:
targetSdkVersion为36的时候,手机使用全屏手势,不隐藏指示条,底部会变为黑色,小于36会变为白色
Ask小助手 - Ask社区AI助手
欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。
感谢您的反馈。针对您提交的关于 targetSdkVersion 为 36 时底部指示条区域变黑的问题,我们进行了评审与分析,具体如下:
-
bug 反馈内容完整性评审
- 描述清晰度:描述较为清晰,指出了
targetSdkVersion为 36 与小于 36(如 35)时在全面屏手势下的表现差异。 - 代码示例完整性:提供的代码示例仅包含
safearea的局部配置,并不完整。建议补充完整的manifest.json配置,特别是app-plus -> distribute -> android节点下的targetSdkVersion配置,以及pages.json中的相关页面配置,以便官方人员直接验证。 - 复现步骤:复现步骤较为简略。建议补充说明是否在自定义基座或云打包环境下复现,以及是否尝试过修改安全区域背景色配置。
- 预期与实际结果:预期结果合理,实际结果描述了现象,但缺少是否尝试过修改配置(如
safearea.background或通过原生 API 修改导航栏颜色)的说明。 - 分类信息:分类信息完整,包含了 HBuilderX 版本、手机 OS 平台、系统版本、厂商机型和 Vue 版本等信息。
- 描述清晰度:描述较为清晰,指出了
-
bug 是否成立分析
根据知识库信息,该问题确实存在,且已有其他开发者反馈过类似情况。
在 ask 社区中,有开发者反馈在targetSdkVersion为 36 且在 Android 16 设备上,底部安全区域(虚拟按键或全面屏手势指示条)变为黑色且无法修改,即使通过原生 APIsetNavigationBarColor也无法生效。官方人员已介入讨论,表示“之前应该是国内安卓系统默认补充了底部白色的区域,我们这边讨论一个方案拉齐差异”,说明该问题已被受理并正在评估处理方案。
相关讨论可参考: -
补充说明与建议
根据知识库,Android 平台在targetSdkVersion为 35 时,曾修复过“页面底部内容可能会被系统按键导航栏盖住”的问题。而在targetSdkVersion为 36 时,Android 系统对全面屏手势指示条的处理策略可能发生了变化,导致该区域默认显示为黑色。
目前,建议您继续关注上述 ask 社区帖子的进展。如果您的项目暂未强制要求targetSdkVersion为 36,可暂时保持为 35 以规避此问题;若必须使用 36,请等待官方后续的修复方案。