react native 关于FlatList滚动事件的坑

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

image.png

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

image.png

image.png

看到打印的信息有是一脸懵逼了,不是我要的信息啊。
然后怎么办了,去翻翻react nativeIssues吧,然后一顿猛搜,找到了一点线索,还有这种操作?(我感觉颠覆了我的程序观 😂 )
z

拿到这个信息就好实现我的功能了。
以上就是我使用FlatList中遇到的这个坑,希望能为在react native坑之路上的小伙伴们填一个坑,毕竟还有很多坑等着我们去填,保持乐观的态度最重要 😊 。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 2017年 6月13日 星期二 晴天 感谢日记星球,让我养成每天写日记的习惯,我是236号星宝宝秀英,正在参加日记...
    新加坡秀英阅读 464评论 0 2
  • 文丨朋友如天 自古以来,两情相悦时,都会以山盟海誓来表达心中的爱慕之情,有些柔肠千转、婉约倾诉,有些情不自禁、缠绵...
    朋友如天阅读 4,737评论 17 65
  • 感情和财富一样,不积累不丰厚,不经营不成功,既然是经营就一定要方法正确,量身定制,思考自己家庭目前所有的问题,逐一...
    潇nj阅读 496评论 1 1
  • 【日精进打卡第16天】 【知~学习】 《六项精进》0遍 共38遍 《大学》0遍 共39遍 •••••• 【经典名句...
    吴志炜阅读 170评论 0 0

友情链接更多精彩内容