uni-app uni.chooseImage() 完成按钮与顶部通知栏重叠 无法点击完成
uni-app uni.chooseImage() 完成按钮与顶部通知栏重叠 无法点击完成
操作步骤：
- uni.chooseImage() 触发选择相册
预期结果：
- uni.chooseImage() 触发选择相册，选择相册后点击完成选择
实际结果：
- 完成按钮与顶部通知栏重叠 无法点击完成
bug描述：
- uni.chooseImage() 完成按钮与顶部通知栏重叠 无法点击完成
相关链接：
更多关于uni-app uni.chooseImage() 完成按钮与顶部通知栏重叠 无法点击完成的实战教程也可以访问 https://www.itying.com/category-93-b0.html
如果不需要编辑图片的功能可以使用uni.chooseMedia替换，uni.chooseMedia使用的是系统选择图片界面。
文档参考：https://uniapp.dcloud.net.cn/api/media/video.html#choosemedia
更多关于uni-app uni.chooseImage() 完成按钮与顶部通知栏重叠 无法点击完成的实战教程也可以访问 https://www.itying.com/category-93-b0.html
回复 z***@163.com: 我这边没有x100s，测试了x100和其他的x系列，没有复现这个问题。你卸载掉应用，然后录一个完整的操作流程我试一下。然后发一个简单的能复现的工程，我在本地复现。
回复 DCloud_Android_zl: 视频和工程见一下地址。https://env-00jxhk4kvaes.normal.cloudstatic.cn/新建文件夹.rar?expire_at=1742489030&er_sign=98806e6555835daae6e2581ed8f67d83
回复 z***@163.com: 我这边找不到同款手机，测试了小米和vivo的Android 15的手机，都是正常的。你再试一下其他手机有没有问题。或者卸载重装之后还有没有问题。或者升级一下手机系统试试。
这是一个常见的Android系统UI适配问题，主要是由于uni-app调用的原生相册选择界面没有正确处理状态栏高度导致的。以下是解决方案：
- 临时解决方案：
- 尝试在manifest.json中配置沉浸式状态栏：
"plus": {
"statusbar": {
"immersed": true
}
}
- 更稳定的解决方案：
- 使用自定义图片选择插件替代原生选择器，如：
uni.chooseImage({
sourceType: ['album'],
success: (res) => {
console.log(res.tempFilePaths);
}
});
- 针对特定机型的workaround：
- 在页面onLoad时设置状态栏样式：
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#ffffff'
});