uni-app 选择相册图片部分机型适配错误

uni-app 选择相册图片部分机型适配错误

开发环境 版本号 项目创建方式
Windows 10.0.22631 HBuilderX
4.51
Android 15
OPPO
真我GT Neo5
页面类型 vue
vue版本 vue2
打包方式 云端

操作步骤:

  • 点击上传图片,跳出选择相册界面,选择图片,完成按钮被遮挡

预期结果:

  • 点击上传图片,跳出选择相册界面,选择图片,完成按钮不被遮挡

实际结果:

  • 点击上传图片,跳出选择相册界面,选择图片,完成按钮被遮挡

bug描述:

  • uni.chooseImage选择相册图片,真我GT Neo5该机型完成按钮被顶部状态栏遮挡;

image


更多关于uni-app 选择相册图片部分机型适配错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

好奇怪的BUG,其他机型都好的

更多关于uni-app 选择相册图片部分机型适配错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个适配问题主要是由于OPPO/真我部分机型对系统相册UI做了定制化处理,导致底部操作栏被状态栏遮挡。建议从以下两个方向解决:

  1. 使用uni-app的API参数调整:
uni.chooseImage({
    count: 9,
    sizeType: ['original', 'compressed'],
    sourceType: ['album'],
    success: (res) => {
        // 处理返回结果
    },
    // 关键适配参数
    system: true, // 强制使用系统选择器
    adjustPosition: false // 禁用位置调整
});
  1. 检查manifest.json中的状态栏配置:
"app-plus": {
    "statusbar": {
        "immersed": true,
        "style": "dark"
    }
}
回到顶部