How do you optimize FlatList in react native?

Virtualization massively improves memory consumption and performance of large lists by maintaining a finite render window of active items and replacing all items outside of the render window with appropriately sized blank space .

keyExtractor ​ Used to extract a unique key for a given item at the specified index . Key is used for caching and as the react key to track item re-ordering.

ScrollView loads all the content, i.e. the data to be displayed on screen all at once. … Key differences between ScrollView and Flatlist are: ScrollViewFlatListCan be imported from react native as: import {ScrollView} from ‘react-native’;Can be imported from React Native as: import {FlatList} from ‘react-native’;When we use ScrollView over FlatList or vice-versa ? – GeeksforGeeks www.geeksforgeeks.org › when-we-use-scrollview-over-flatlist-or-vice-versa

For quick and simple solution Try:

React Native: Optimizing FlatList performance

Here are some improvements you can do to optimize your flatlist: