【报Bug】uni.previewImage 多张图片快速滑动会错位

分类：uni-app

v3 iOS 图片预览 bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 10.15.2

HBuilderX类型：正式

HBuilderX版本号： 2.6.16

手机系统： iOS

手机系统版本号： iOS 13.4

手机厂商：苹果

手机机型： iphone8

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

<template>  
    <view class="mt24 grace-wrap" v-if="imgArr.length > 0">  
        <image class="grace-flex img" v-for="(item, index) in imgArr" :key="index" :src="item" mode="aspectFit" :lazy-load="true" @click="preview(index)"></image>  
    </view>  
</template>  

<script>  
    /**  
     * 图片列表和预览  
     */  
export default {  
    props: {  
        imgArr: {  
            type: Array,  
            default: function() {  
                return [];  
            }  
        }  
    },  
    methods: {  
        preview(current) {  
            // 预览图片  
            uni.previewImage({  
                current,  
                urls: this.imgArr,  
                longPressActions: {  
                    itemList: ['发送给朋友', '保存图片', '收藏'],  
                    success: function(data) {  
                        console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');  
                    },  
                    fail: function(err) {  
                        console.log(err.errMsg);  
                    }  
                }  
            });  
        }  
    }  
};  
</script>  

<style lang="scss" scoped>  
.img {  
    max-height: 300rpx;  
    width: 32.55%;  
    // background-color: #ea8560;  
    &:nth-child(3n + 2) {  
        margin: 0 8rpx;  
    }  
}  
</style>

预期结果：

快准狠

实际结果：

乱了

bug描述：

使用uni.previewImage 预览多张图片并快速滑动，出现回跳现象(如从第一张快速滑动到第三张后，第三张短暂显示后就马上显示回跳显示第二张，并且在快速滑到第三张的时候，像是卡住了没法继续往下滑，就出现回跳了。)。并且速度较快，但是没出现回跳现象，会出现显示的图片的索引值变化跟不上图片变化，慢了一拍。
较慢的滑动是没有问题的。

2020-05-13 16:25 负责人:CLP 分享