在ScrollView上调用scrollTo时检测滚动结束事件

时间:2020-04-10 11:03:22

标签: react-native

我有一个使用ScrollView组件构建的简单水平滑块。有一个按钮可以转到下一张幻灯片,按下该按钮时,我在该scrollTo组件上调用ScrollView方法。我还需要检测滚动完成的时间,以显示其他一些动画。我尝试使用onMomentumScrollEndonScrollEndDrag回调,但是在android上,当我使用scrollTo方法时都不会调用它们。还有其他方法可以检测滚动“结束”事件吗?

以下是有关小吃的简单示例:https://snack.expo.io/@levani/forlorn-bacon

1 个答案:

答案 0 :(得分:1)

尝试此解决方案,我已经修改了您的the page of ContiguousContainer

我已将onSroll侦听器与功能配合使用:

 const scrollDirection = (event) => {
    const offsetX = event.nativeEvent.contentOffset.x
    const dif = offsetX - (offset || 0);  
    console.log('dif',dif) 
    if (dif == 200) {
      alert('destination reached')
    } 

    setOffset(offsetX);

  };