How to re-render flatlist?

For quick and simple solution Try:

1. set extra data to a boolean value.

   extraData={this.state.refresh}

2. Toggle the value of boolean state when you want to re-render/refresh list

   this.setState({ 
       refresh: !this.state.refresh
   })
   

Use the extraData property on your FlatList component.

As the documentation states:

By passing extraData={this.state} to FlatList we make sure FlatList will re-render itself when the state.selected changes. Without setting this prop, FlatList would not know it needs to re-render any items because it is also a PureComponent and the prop comparison will not show any changes.