滚动时如何检测用户手指抬起[Flatlist]

时间:2017-09-14 08:07:32

标签: reactjs react-native

滚动后如何检测用户手指抬起?我已经添加了pan响应器和处理器,释放时没有触发。

2 个答案:

答案 0 :(得分:0)

如果您只想知道滚动后用户何时将手指抬离屏幕,可以使用onScrollEndDrag Function。 FlatList继承了ScrollView的道具,因此可以在FlatList中访问所有ScrollView的道具。您不需要为此使用平移响应器。

例如:

userLiftedFingerOffScreen() {
 // do whatever
}

render() =>
  <FlatList
    data={listData}
    renderItem={({item}) => <SomeItem item={item} />}
    onScrollEndDrag={this.userLiftedFingerOffScreen}
  />

答案 1 :(得分:0)

使用“ onMomentumScrollBegin”和“ onMomentumScrollEnd”道具,您可以决定当用户用手滚动FlatList时会发生什么。

userLiftedFingerOffScreen() {
 // do whatever
}

render() =>
  <FlatList
    data={listData}
    renderItem={({item}) => <SomeItem item={item} />}
    onMomentumScrollEnd={this.userLiftedFingerOffScreen}
  />

我本人使用它来制作带有Flatlist的幻灯片,并且具有分页功能,我需要非自动滚动,而onMomentumScroll是解决方案。

相关问题