uni-app 选择相册图片部分机型适配错误
uni-app 选择相册图片部分机型适配错误
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows | 10.0.22631 | HBuilderX |
4.51 | ||
Android | 15 | |
OPPO | ||
真我GT Neo5 | ||
页面类型 | vue | |
vue版本 | vue2 | |
打包方式 | 云端 |
操作步骤:
- 点击上传图片,跳出选择相册界面,选择图片,完成按钮被遮挡
预期结果:
- 点击上传图片,跳出选择相册界面,选择图片,完成按钮不被遮挡
实际结果:
- 点击上传图片,跳出选择相册界面,选择图片,完成按钮被遮挡
bug描述:
- uni.chooseImage选择相册图片,真我GT Neo5该机型完成按钮被顶部状态栏遮挡;
更多关于uni-app 选择相册图片部分机型适配错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
这个适配问题主要是由于OPPO/真我部分机型对系统相册UI做了定制化处理,导致底部操作栏被状态栏遮挡。建议从以下两个方向解决:
- 使用uni-app的API参数调整:
uni.chooseImage({
count: 9,
sizeType: ['original', 'compressed'],
sourceType: ['album'],
success: (res) => {
// 处理返回结果
},
// 关键适配参数
system: true, // 强制使用系统选择器
adjustPosition: false // 禁用位置调整
});
- 检查manifest.json中的状态栏配置:
"app-plus": {
"statusbar": {
"immersed": true,
"style": "dark"
}
}