react-native - 如何在反向反应原生平面列表上检测到顶部

Question

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

我试图找到滚动高度，但这也没有出现:(

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

一旦到达列表顶部，我需要进行 API 调用

标签： react-nativereact-native-flatlist

Answer 1

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

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