react-native - 如何在 React Native 中使用有限数量的数组中的数据使平面列表无限滚动

Question

我有 平面列表水平设置
与 来自数组 的 11 项数据，即 固定不变

what I want is when user reaches at the end of flat list while scrolling, the data should remain the same but the first item should show up in the last and then so on

这是我迄今为止尝试过的

  <FlatList
        {...this.props}
        ref={ref => {
          this.infListRef = ref;
        }}
        data={this.props.data}
        onScrollEndDrag={this.handleScroll}
        initialScrollIndex={0}
        scrollEventThrottle={16}
        renderItem={this.props.renderItem}
        onScroll={({nativeEvent}) => this.checkScroll(nativeEvent)}
        horizontal
        showsHorizontalScrollIndicator={false}
        keyExtractor={item => item.id}
      />

任何帮助将不胜感激。

Answer 1

基本上，实现 onScroll用法是当您希望在实际滚动与滚动位置相关时引起注意(例如 aminations)。当您希望在用户到达或即将到达 FlatList 末尾时收到通知时.

你应该执行 onEndReached和 onEndReachedThreshold当用户达到阈值时处理更好的用户体验。

您从源(服务器或无论来自何处)获取的新数据应连接到现有的 this.props.data
见好博文 - https://scotch.io/tutorials/implementing-an-infinite-scroll-list-in-react-native

而这个答案 - React Native Infinite Scroll

我的解决方案是分页，因为无限滚动是分页的私有(private)案例，它是完全相同的方法。