react native 关于FlatList滚动事件的坑
2018-01-24 本文已影响1231人
giants_one
最近想实现一个这样的需求,用户将FlatList
向上滑动是隐藏顶部导航栏,向下滑动的时候显示顶部导航栏。
我的实现逻辑:首先要实现这个功能,需要知道用户的手势是向上滚动还是向下滚动,拿到实时的坐标信息,那么如何才能得到坐标信息呢?首先想到的就是去查官方的API,然后发现FlatList的文档中没有onScroll
事件监听,有点小懵逼。然后想ScrollView
与FlatList
是父子关系,去看看ScrollView
的API说明吧,果然在ScrollView
中发现了onScroll
的事件监听,文档介绍如下。

看完后发现并没有关于回调函数的参数介绍,然后试着在回调函数中加了一个
event
的参数,打印试试看。


看到打印的信息有是一脸懵逼了,不是我要的信息啊。
然后怎么办了,去翻翻
react native
的 Issues
吧,然后一顿猛搜,找到了一点线索,还有这种操作?(我感觉颠覆了我的程序观 ? )
拿到这个信息就好实现我的功能了。
以上就是我使用
FlatList
中遇到的这个坑,希望能为在react native坑之路上的小伙伴们填一个坑,毕竟还有很多坑等着我们去填,保持乐观的态度最重要 ? 。