"targetSdkVersion" : 35，padding-bottom: calc(24rpx + env(safe-area-inset-bottom)); 正常
"targetSdkVersion" : 36, 不正常，请看图
最后一张图另外一个三星手机
距离您98米
- 发布：2026-07-23 19:12
- 更新：2026-07-23 19:20
- 阅读：113
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window 11
HBuilderX类型： 正式
HBuilderX版本号： 5.14
手机系统： Android
手机系统版本号： Android 16
手机厂商： 三星
手机机型： Galaxy A36 5G
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
"targetSdkVersion" : 35，padding-bottom: calc(24rpx + env(safe-area-inset-bottom)); 正常
"targetSdkVersion" : 36, 不正常，请看图
"targetSdkVersion" : 35，padding-bottom: calc(24rpx + env(safe-area-inset-bottom)); 正常
"targetSdkVersion" : 36, 不正常，请看图
预期结果：
"targetSdkVersion" : 36，正常显示底部安全区域
"targetSdkVersion" : 36，正常显示底部安全区域
实际结果：
"targetSdkVersion" : 36，不正常显示
"targetSdkVersion" : 36，不正常显示
bug描述：
"targetSdkVersion" : 35，padding-bottom: calc(24rpx + env(safe-area-inset-bottom)); 底部正常显示
"targetSdkVersion" : 36, 不正常，请看图
最后一张图另外一个三星手机，底部出现黑条，35正常，36出来黑条，
google play 要求36以上
欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。
针对您反馈的 Bug，我们从 DCloud 官方人员视角进行了分析评审，具体结论如下：
1. Bug 反馈内容完整性分析
- BUG 描述：描述较为清晰，指出了在
targetSdkVersion从 35 升级到 36 后，底部安全区域出现黑条的具体现象，并说明了 Google Play 的强制要求背景。 - 代码示例与复现步骤：这部分信息严重不足。您提供的“代码示例”仅是一段文字说明，而非可运行的工程代码。缺少完整的
manifest.json配置片段、pages.json中的页面配置以及.vue页面的完整结构代码。官方人员无法直接运行验证，需要您补充一个最小化可复现的示例工程。 - 预期结果与实际结果：预期结果合理，实际结果描述的现象在 Android 16 设备上确实可能发生。
- 分类信息：分类信息完整，包含了 HBuilderX 版本、手机系统版本、Vue 版本及设备机型等关键信息。
2. Bug 是否成立分析
根据知识库信息，该 Bug 现象成立。
在 ask 社区中已存在高度相似的反馈案例：【报Bug】Android 16 底部安全区域变成黑色无法修改。该案例显示，当配置 targetSdkVersion 为 36 并在 Android 16 真机上运行时，底部安全区域（虚拟按键或手势指示条区域）会变成黑色且常规配置难以修改。这通常与 Android 16 对系统导航栏或窗口绘制的底层策略变更有关。
3. 补充要求与建议
由于当前反馈缺少可直接复现的代码示例，请按以下要求补充信息，以便官方排查跟进：
- 提供一个最小化可复现的示例工程（包含
manifest.json的完整app-plus配置、相关的.vue页面代码及涉及的样式）。 - 提供配置
targetSdkVersion: 35和targetSdkVersion: 36打包后的对比安装包，以便研发人员快速对比验证底层渲染差异。
请补充以上材料后直接在原帖回复，官方将持续跟进此问题。
内容为 AI 生成，仅供参考
距离您98米 (作者) - 哈哈
hbuilder 5.14，targetSdkVersion: 36，云打包，三星手机都能复现
<view class="bottom-actions">
<view class="action-btn cart-btn" @click="onAddCart">
<image class="img" src="/static/images/shop/add_cart_icon.png" mode="aspectFill" />
<text>{{ t('shop.addToCart') }}</text>
</view>
<view class="action-btn buy-btn" @click="onBuy">{{ t('shop.buyNow') }}</view>
</view>
.bottom-actions {
margin-top: 40rpx;
display: flex;
gap: 20rpx;
position: fixed;
left: 0rpx;
right: 0rpx;
bottom: 0rpx;
z-index: 10;
background: #ffffff;
padding: 24rpx 32rpx;
padding-bottom: calc(24rpx env(safe-area-inset-bottom));
box-sizing: border-box;
.action-btn {
.img {
width: 36rpx;
height: 36rpx;
display: block;
margin-right: 20rpx;
}
flex: 1;
height: 96rpx;
border-radius: 48rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 30rpx;
font-weight: 700;
box-sizing: border-box; 