如何在React-native中的ScrollView中检测捏手势?

时间:2018-10-23 08:05:52

标签: react-native react-native-android react-native-ios

我正在像这样使用scrollView

<ScrollView style={{flex:1}}>
  <Text />
   <Some components />
  <Webview />
</ScrollView>

Webview具有高度,也可以滚动。 webview也应该放大/缩小。 但是当我尝试放大/缩小时,并不是真正地正确缩放。 之后,我意识到了滚动视图中断缩放。

所以我在

中添加了道具
<ScrollView scrollEnabled={this.state.isScrollEnabled} / >

然后确定滚动是否检测到捏合事件。 我搜索了此问题,建议使用PanResponder,但我仍然不知道如何检测捏事件... 请帮帮我。 (+)应该同时适用于Android和IOS。

1 个答案:

答案 0 :(得分:0)

使用此库:https://github.com/kiddkai/react-native-gestures(正在使用PanResponder)。根据文档将ListView与Gesture View进行包装,按捏手势分配处理程序,然后在处理程序中通过更改this.state.isScrollEnabled的值来确定是否应为列表启用滚动。应该可以。

相关问题