如何在倒置的 react-native 平面列表上检测到顶部

Question

正在设计一个聊天屏幕，其中的数据从底部显示。到达顶点。到达顶部后需要进行分页 API 调用。我使用了一个平面列表来显示带有倒置道具的数据。一旦我到达列表的顶部，我就必须再打一个电话。

我试图找到滚动高度，但也找不到:(

<FlatList
          ref={nameRef}
          data={messages}
          renderItem={({ item }) => renderData(item)}
          inverted
          onScroll={(e) => handleScroll(e)}
        />

我需要在它到达列表顶部后进行 API 调用

Answer 1

您可以使用 onEndReached 道具来确定顶部，如下所示：

<FlatList
      ref={nameRef}
      data={messages}
      renderItem={({item}) => renderData(item)}
      inverted
      onEndReached={this.handlePagination}
    />

如何在倒置的 react-native 平面列表上检测到顶部

How to detect top is reached on inverted react-native flat list

react-native

react-native-flatlist