FlatList 从列表底部拉起答案

【问题标题】：FlatList pull up from bottom of listFlatList 从列表底部拉起
【发布时间】：2017-11-11 01:37:15
【问题描述】：

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

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

我想要显示评论的方式是最新出现在列表顶部，当我到达列表底部并拉起时，它应该加载下一批评论。

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

【问题讨论】：

标签： android ios react-native react-native-flatlist

【解决方案1】：

检查一下：

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

对于在列表到达末尾时加载下一个内容很有用。

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

如果您想在用户到达底部然后拉动刷新时显示新内容，恕我直言，用户作为 UX 并不太清楚。滚动到底部更明显的加载新内容

【讨论】：

是的，我明白你的意思，自动加载内容而无需拉动可以提供更好的体验。但是对于列表顶部的拉动刷新也可以这样说。
@user3434013 创建拉刷新是为了加载新内容，而不是加载旧内容...例如，如果我看到的第一篇帖子的日期是 11 月 10 日，当我拉刷新时，我希望查看日期为 11 月 11 日的新帖子，依此类推。当我到达底部时，我希望找到日期为 11 月 9 日的更旧的帖子，依此类推