FlatList从列表

Question

我正在使用React-Native的FlatList组件，当在列表顶部向下拉时，它会默认刷新。

<FlatList
    data={reviews}
    keyExtractor={item=> item.review_id}
    renderItem={({item}) => (
      <ReviewItem
        review = {item}
      />
    )}
    refreshing = {true}
    onRefresh = {refreshReviews}
    ItemSeparatorComponent={() => <ListSeperator />}
  />

我希望显示评论的方式是最新显示在列表顶部，当我到达列表的底部并且我拉起来然后它应该加载下一批评论。

我该怎么做？ iOS和Android中的行为是否相同？

Answer 1

检查一下：

onEndReached={this.loadPosts.bind(this)}
onEndReachedThreshold={0}
ListFooterComponent={this.renderFooter(this.props.loading)}

在列表到达结尾时加载下一个内容非常有用。

ListFooterComponent 此处显示一个活动指示器，告诉用户正在加载某些内容

如果您想在用户到达底部然后进行刷新时显示新内容，则imho对于用户来说并不十分清楚。 更明显地加载新内容滚动到底部