React Native Scrollview检测负滚动

时间:2017-01-08 19:54:25

标签: react-native

我正在使用这样的代码段:

componentDidMount() {
    this.state.scrollY.addListener((value) => this.handleScroll(value));
  }

  handleScroll(pullDownDistance) {
//pull down distance knows how much you pulled

}

检测用户何时尝试滚动。 'pullDownDistance'变量将为您提供每次下拉的距离。

我试图模仿下面实现的gif之类的东西:

像这样的gif:https://github.com/LennyBoyatzis/RN-Pull-To-Refresh-Gears/blob/master/images/giphy.gif

可以在相反方向拉动滚动视图,然后重新加载。由于下拉函数(handleScroll)似乎没有被执行,我似乎无法通过相反的方向检测到任何类型的“向下拉”。

有没有办法检测那个方向的卷轴?

1 个答案:

答案 0 :(得分:1)

如果实现ScrollView(on 0.57)的onScroll处理程序,则会注意到当您过度滚动(意味着:向上滚动,而scrollview已经在顶部)时,事件event.nativeEvent.contentOffset.y对于iOS具有负值,但对于Android而言仍为0。

因此,对于iOS,很容易检测到负向滚动。对于Android,您必须寻找其他解决方案。