【问题标题】:React Native FlatList OnScrollToTop only fires onceReact Native FlatList OnScrollToTop 只触发一次
【发布时间】:2020-03-15 02:01:08
【问题描述】:

我正在创建一个项目,我需要知道用户何时滚动到 flatList 的顶部

我的代码是

<FlatList
                  keyExtractor={item => item.id}
                  data={this.state.data}
                  onScrollToTop={console.log('hey')}
                  renderItem={({ item }) => //blah blah render
/>

终端只触发一次hey

【问题讨论】:

  • 您能否详细说明如何滚动到顶部?或者您希望用户如何滚动到顶部?
  • 我希望用户滚动顶部。它从顶部开始,但我希望它可以在每次用户滚动到顶部时执行代码
  • 这个答案将解决您的问题to check flatlist reached to top 基本上 onScroll 功能返回一个事件,您可以在其中检查并从 event.nativeEvent.contentOffset.y 获取从顶部的偏移量

标签: react-native react-native-flatlist


【解决方案1】:

文档日:

在点击状态栏后滚动视图滚动到顶部时触发。

两件事:

  • 仅适用于 iOS
  • 当用户点击状态栏时(它或多或少是一个隐藏功能)

https://facebook.github.io/react-native/docs/scrollview#onscrolltotop

【讨论】:

    猜你喜欢
    • 2019-02-21
    • 1970-01-01
    • 2018-05-09
    • 1970-01-01
    • 2020-10-23
    • 2019-01-27
    • 2021-06-15
    • 2022-11-17
    • 1970-01-01
    相关资源
    最近更新 更多