FlatList-3.js

class ListsScreen extends React.Component {
  state = {
    data: [0, 1, 2, 3, 4],
    isRefreshing: false
  };

  refreshData = () => {
    this.setState({ isRefreshing: true });
    const data = this.state.data.map(x => x * 2);
    this.setState({ data, isRefreshing: false });
  };

  render() {
    return (
      <View>
        <FlatList
          data={this.state.data}
          renderItem={({ item }) => <Text>{`item ${item}`}</Text>}
          keyExtractor={(item, index) => `key-${index}`}
          onRefresh={this.refreshData}
          refreshing={this.state.isRefreshing}
        />
      </View>
    );
  }
}