How to set Refresh Indicator of FlatList in react native?

Question

I\'m trying to set the refresh indicator of flat list in react native but don\'t know how to do it. List View has this prop :

refreshControl={

        

Answer 1

You can pass in the renderScrollComponent to your FlatList component with the same RefreshControl component you have showed above. I have created a expo snack for this: https://snack.expo.io/rJ7a6BCvW

The FlatList is using VirtualizedList within itself, and for VirtualizedList component, it takes a renderScrollComponent: https://facebook.github.io/react-native/docs/virtualizedlist.html#renderscrollcomponent