uni-app uni.chooseImage界面iphone12以上机型底部安全区域未适配

uni-app uni.chooseImage界面iphone12以上机型底部安全区域未适配

操作步骤：

  • hbuilderx 3.1.4 运行至iphone12及以上手机 调用uni.chooseImage即可复现

预期结果：

  • 底部栏安全区域适配

实际结果：

  • 底部栏安全区域未适配

bug描述：

  • uni.chooseImage 选择图片API打开相册后底部安全区域未适配

附件：

e33d0dd092bd2896229fb4fd80f9db6d

信息项 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本 window 7
HBuilderX类型 正式
HBuilderX版本 3.1.4
手机系统 iOS
手机系统版本 IOS 14
手机厂商 苹果
手机机型 12pro
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app uni.chooseImage界面iphone12以上机型底部安全区域未适配的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

请更新 3.1.6的正式版 看一下 是否已经变正常 相册UI 做了大改动

更多关于uni-app uni.chooseImage界面iphone12以上机型底部安全区域未适配的实战教程也可以访问 https://www.itying.com/category-93-b0.html


HBuilderX 3.1.10 已修复

这是一个已知的iOS安全区域适配问题。在iPhone 12及以上机型的uni.chooseImage界面中，由于系统原生组件未正确处理安全区域，导致底部栏与设备底部安全区域重叠。

建议检查manifest.json中是否配置了安全区域适配：

"app-plus": {
    "safearea": {
        "bottom": {
            "offset": "auto"
        }
    }
}

同时确保在App.vue中正确设置了安全区域CSS变量：

page {
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
}
回到顶部