如何在RN

Question

当FlatList反转时，加载指示器将位于底部，如何使其保持在顶部？

Answer 1

最后，我通过将FlatList包装在ScrollView中来进行变通，然后将refreshControl留给ScrollView。

const { fetchingMore, onFetchMore } = this.props;
return <ScrollView
  contentContainerStyle={{
    flexDirection: 'row',
    alignSelf: 'flex-end',
    flexGrow: 1
  }}
  refreshControl={<RefreshControl refreshing={fetchingMore} onRefresh={onFetchMore} />}
>
  <FlatList
    inverted
    style={styles.list}
    data={messages}
    keyExtractor={this.extractItemKey}
    renderItem={this.renderItem}
  />
</ScrollView>

请注意，在scrollView中使用flexGrow: 1样式很重要，否则FlatList在未满时将在滚动视图的顶部流动。