function previewImage(arr) {
uni.previewImage({
urls: arr,
indicator: 'default',
success: (res) => {
console.log('preview image success', res)
},
fail: (err) => {
console.log('preview image fail')
}
})
}
2***@qq.com
- 发布：2024-06-22 19:22
- 更新：2025-12-15 11:33
- 阅读：370
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 21H2
HBuilderX类型： 正式
HBuilderX版本号： 4.15
手机系统： Android
手机系统版本号： Android 14
手机厂商： OPPO
手机机型： oppo reno8pro+
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行-运行到手机或模拟器-随便传一个arr:['图片地址']给previewImage方法-图片预览-点击空白区域/手势返回-闪烁-再次点击空白区域/手势返回-关闭预览
运行-运行到手机或模拟器-随便传一个arr:['图片地址']给previewImage方法-图片预览-点击空白区域/手势返回-闪烁-再次点击空白区域/手势返回-关闭预览
预期结果：
第一次点击即可关闭图片预览
第一次点击即可关闭图片预览
实际结果：
第一次点击出现闪烁，第二次才关闭
第一次点击出现闪烁，第二次才关闭
bug描述：
预览图片后，想要关掉。
点击图片区域/点击空白区域/手势返回，预期关闭图片预览，实际出现闪烁的情况，第二次点击/手势返回，才成功关闭了图片。
这个问题可能是由于原生预览组件在 Android 平台上的实现问题导致的。根据知识库内容，非H5端的previewImage是原生实现的，界面自定义灵活度较低。
建议解决方案：
尝试使用uni.closePreviewImage()方法主动关闭预览窗口
检查是否有其他事件监听干扰了预览组件的关闭行为
考虑使用插件市场的前端实现版本（注意性能会低于原生实现）
相关文档参考：
- previewImage API 文档
-
- 插件市场搜索"previewImage"可以找到替代方案
- 如果问题持续，建议：
- 更新HBuilderX到最新版本（当前正式版4.85）
- 在不同Android设备上测试确认是否为特定机型问题
- 内容为 AI 生成，仅供参考
