双击以缩放ScrollView React Native

时间:2018-07-19 20:11:11

标签: react-native scrollview zoom

当用户在Scrollview中双击屏幕时,有什么方法可以实现放大?

我知道可能要缩放,并且我一直在寻找通过双击来执行相同操作的方法,但是我发现没有一个ScrollView可以很好地使用缩放视图。

任何人都知道我可以使用哪种方法来完成此任务>

1 个答案:

答案 0 :(得分:0)

我最近做了类似的事情。我在ScrollView中有一个图像,我想双击放大图像。我的设置如下:

<ScrollView
  ref={ref => { this.scrollView = ref; }}
>
  <View {...this.gestureResponder.panHandlers}>
    <Image />
  </View>
</ScrollView>

在我的PanResponder的onPanResponderRelease中,我需要双击并以其引用为参考来缩放ScrollView:this.scrollView.scrollResponderZoomTo()

此链接帮助我弄清楚如何检测双击:https://gist.github.com/brunotavares/3c9a373ba5cd1b4ff28b