react-native-image-zoom
react-native-image-zoom copied to clipboard
放大图片之后, 滑动图片时后面的 flatList 也滑动
问题:
- 我做一个图片浏览器, 外层是用的 flatList, flatList 的 item是由react-native-image-zoom包着的<Image>控件, 当我放大图片之后, 我想滑动图片看细节, 但是一滑动图片, 后面的 flatList 就滑动了, 有什么办法可以阻止当前的 flatList 滑动吗, 等当前的 图片滑动到边缘之后, 后面的 flatlist再接收到滑动事件, 就像原生一样
我也遇到同样的问题,而且Android和iOS的行为不一样,但都有问题。
iOS,图片未放大 左右滑动工作正常。
iOS,图片放大
这个ImageZoom组件和上层的List组件会同时收到左右拖动的事件。
Android,图片未放大 左右滑动事件也不会被传到上层组件,所以无法切换图片。
Android,图片放大 可以正常滑动放大的图片,不会引起图片切换。
Android还有一个问题就是图片放大缩小没有任何动画效果。
不是简单包一个 List 组件就可以完成封装,推荐直接使用:https://github.com/ascoders/react-native-image-viewer
或者参考上述源码自行封装。
@ascoders 这个组件,切图片时卡到无法接受