通过在react native中通过下拉触摸来实现刷新的正确方法是什么？

Question

我正在尝试在React-Native中实现类似FlatList的屏幕刷新， 但是FlatList对于复杂的视图不是正确的解决方案。 FlatList是实现刷新列表的一个很好的解决方案，但是我需要添加很多视图，而那些不是列表。

那么，在没有平面列表组件的情况下如何实现刷新动作？

我应该使用一个空索引吗？还是可以使用其他技巧？

Answer 1

FlatList是VirtualizedList周围的便利包装，它继承了ScrollView道具，因此您可以对这些可滚动视图中的任何一个使用refreshControl道具使用refreshControl

创建您的自定义可滚动视图

state = {
  refreshing: false
}

_onRefresh = () => {
  this.setState({refreshing: true}, () => /* Handle changes and disable refreshing here*/);
}

<ScrollView
   refreshControl={
     <RefreshControl
       refreshing={this.state.refreshing}
       onRefresh={this._onRefresh}
     />
   }
  ...
 />