uni-app 3.2.10 选择相册功能滚动到顶部后显示一片白看不到返回按钮

uni-app 3.2.10 选择相册功能滚动到顶部后显示一片白看不到返回按钮

示例代码：

uni.chooseImage({  
    count: 6, //默认9  
    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有  
    sourceType: ['album'], //从相册选择  
    success: function (res) {  
        console.log(JSON.stringify(res.tempFilePaths));  
    }  
});

操作步骤：

uni-app 3.2.10 ios 15 模拟器运行即可

预期结果：

显示正常

实际结果：

显示不正常

bug描述：

选择相册功能，滚动到顶部后，显示一片白看不到返回按钮

Image

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Mac
PC操作系统版本 macOS Big Sur 11.6
HBuilderX类型 Alpha
HBuilderX版本 3.2.10
手机系统 iOS
手机系统版本 IOS 14
手机厂商 模拟器
手机机型 iPhone 13
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app 3.2.10 选择相册功能滚动到顶部后显示一片白看不到返回按钮的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

你修改过 导航栏的代码吗？

更多关于uni-app 3.2.10 选择相册功能滚动到顶部后显示一片白看不到返回按钮的实战教程也可以访问 https://www.itying.com/category-93-b0.html


图片多的情况下，显示正常的，然后滚动到顶部会发生渐变显示白色。globalStyle 配置了navigationStyle:custom 和 navigationBarTextStyle: black， 其他没动，没有三方插件

回复 青阳_1900: 我也复现了 bug已确认 下个版本修复

HX3.2.11+ 版本已修复此问题

这是一个已知的 iOS 原生相册选择器在特定条件下的渲染问题。当相册内容滚动到顶部时，导航栏背景可能出现异常，导致返回按钮不可见。

问题原因： iOS 系统相册选择器（UIImagePickerController）在某些版本中，当快速滚动到顶部时，导航栏的渲染可能出现延迟或异常，造成背景色丢失，白色文字按钮在白色背景下无法辨识。

临时解决方案：

  1. 降级 HBuilderX 版本
    暂时回退到 3.2.9 或更早版本，该问题在 3.2.10 中较为明显。

  2. 使用条件编译调整调用方式
    在 iOS 端改用 uni.chooseMedia API（需注意 API 差异）：

    // #ifdef APP-PLUS
if (uni.getSystemInfoSync().platform === 'ios') {
  uni.chooseMedia({
    count: 6,
    mediaType: ['image'],
    sourceType: ['album'],
    success(res) {
      const tempFilePaths = res.tempFiles.map(file => file.tempFilePath)
      console.log(JSON.stringify(tempFilePaths))
    }
  })
} else {
  uni.chooseImage({
    count: 6,
    sizeType: ['original', 'compressed'],
    sourceType: ['album'],
    success(res) {
      console.log(JSON.stringify(res.tempFilePaths))
    }
  })
}
// #endif
回到顶部