react-native-image-zoom icon indicating copy to clipboard operation
react-native-image-zoom copied to clipboard

放大图片之后, 滑动图片时后面的 flatList 也滑动

Open yurnery opened this issue 7 years ago • 3 comments

问题:

  1. 我做一个图片浏览器, 外层是用的 flatList, flatList 的 item是由react-native-image-zoom包着的<Image>控件, 当我放大图片之后, 我想滑动图片看细节, 但是一滑动图片, 后面的 flatList 就滑动了, 有什么办法可以阻止当前的 flatList 滑动吗, 等当前的 图片滑动到边缘之后, 后面的 flatlist再接收到滑动事件, 就像原生一样

yurnery avatar Jul 03 '18 09:07 yurnery

我也遇到同样的问题,而且Android和iOS的行为不一样,但都有问题。

iOS,图片未放大 左右滑动工作正常。

iOS,图片放大 这个ImageZoom组件和上层的List组件会同时收到左右拖动的事件。

Android,图片未放大 左右滑动事件也不会被传到上层组件,所以无法切换图片。

Android,图片放大 可以正常滑动放大的图片,不会引起图片切换。

Android还有一个问题就是图片放大缩小没有任何动画效果。

a9udn9u avatar Sep 02 '18 20:09 a9udn9u

不是简单包一个 List 组件就可以完成封装,推荐直接使用:https://github.com/ascoders/react-native-image-viewer

或者参考上述源码自行封装。

ascoders avatar Sep 03 '18 00:09 ascoders

@ascoders 这个组件,切图片时卡到无法接受

pzw224 avatar Sep 13 '18 06:09 pzw224