Implement pull to refresh FlatList

Set variable

this.state = { 
    isFetching: false,
}

Create Refresh function

onRefresh() {
    this.setState({isFetching: true,},() => {this.getApiData();});
}

And in last set onRefresh and refreshing in FlatList.

<FlatList
    data={ this.state.FlatListItems }
    onRefresh={() => this.onRefresh()}
    refreshing={this.state.isFetching}
/>

After fetching Data in function getApiData Make sure to set false isFetching.

this.setState({ isFetching: false })

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)