What is a flat list?

The FlatList component displays the similar structured data in a scrollable list . It works well for large lists of data where the number of list items might change over time. The FlatList shows only those renders elements which are currently displaying on the screen, not all the elements of the list at once.

The FlatList component displays the similar structured data in a scrollable list . It works well for large lists of data where the number of list items might change over time. The FlatList shows only those renders elements which are currently displaying on the screen, not all the elements of the list at once.

Example

FlatList – More performant compared to ListView . ListView rendering can get slow once the number of items grows larger. FlatList significantly improves memory usage and efficiency (especially for large or complex lists) while also significantly simplifying the props — no more dataSource necessary!

FlatList – More performant compared to ListView . ListView rendering can get slow once the number of items grows larger. FlatList significantly improves memory usage and efficiency (especially for large or complex lists) while also significantly simplifying the props — no more dataSource necessary!

A list is like an enhanced version of a ScrollView component to display data. React Native provides a FlatList component to create a list. FlatList only renders the list items that can be displayed on the screen.

The ListView Component is an inbuilt React Native view component that displays a list of items in a vertically scrollable list . It requires a ListView. DataSource API to populate a simple array of data blobs and instantiate the ListView component with a data source and a renderRow callback.