How do I create a list in react?

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.

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.

Example

We will import List in our Home component and show it on screen . To create a list, we will use the map() method. This will iterate over an array of items, and render each one. When we run the app, we will see the list of names.