ascoders / react-native-image-zoom

react native image pan and zoom
MIT License
639 stars 282 forks source link

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

Open yurnery opened 6 years ago

yurnery commented 6 years ago

问题:

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

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

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

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

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

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

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

ascoders commented 6 years ago

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

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

pzw224 commented 6 years ago

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