平面列表滚动位置onScroll

时间:2019-07-09 12:37:32

标签: react-native

我正在构建一个标题,该标题会在用户向下滚动到Flatlist时进行动画处理/隐藏。 有什么办法可以找到Flatlist的滚动位置(以像素为单位)?

我正在使用本机0.59.8。 我试过使用onScroll希望它可以将值传递给回调-事实并非如此。 我也尝试过onScrollBeginDrag,onScrollEndDrag和onMomentumScrollEnd。它们都不提供当前滚动位置的信息。

onSroll={(info)=>{console.log(info)}

我希望获得一些有关滚动的信息,但不会传递任何信息。

3 个答案:

答案 0 :(得分:0)

它的工作

     onScroll={(r) => console.log(r.nativeEvent.contentOffset.y)}

如果要查找错误,请在此处发布代码

答案 1 :(得分:0)

docs中所述,Flatlist具有ScrollView的所有道具,因此回答here

将处理程序添加到FlatList:

<FlatList onScroll={this.handleScroll} />

然后:

handleScroll: function(event) {
   console.log(event.nativeEvent.contentOffset.y);
},

答案 2 :(得分:0)

使用代码

  

<FlatList onScroll={this.handleScrollView} />

handleScrollView: function(event: Object) {
 this.setState({ scrollPosition: event.nativeEvent.contentOffset.y });
}