React-native FlatList scrollToIndex

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.

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.