मुख्य कंटेंट तक स्किप करें

FlatList - list

React Native provides a set of components for representing lists of data. Typically, you need to use either FlatList or SectionList.

The FlatList component displays a scrollable list of data that is changing but similar in structure. It works well with long lists of data, the number of elements of which can change over time. Unlike the more general ScrollView, FlatList only displays the items that are currently displayed on the screen, not all items at once.

The FlatList component requires two properties: data and renderItem.

  • data - source of information for the list.

  • renderItem takes one item from the source and returns a formatted component to render.

This example creates a basic FlatList of hardcoded data. Each item in the data props is displayed as a text component. The FlatListBasics component then displays the FlatList and all text components.


Now you are on a stripped-down version of the site, after subscribing to Patreon, you will get full access to the training course, as well as access to our server's private channels in Discord.

Download our mobile application or get tested in our JavaScript telegram bot, and also subscribe to our news.

Become a Patron!

Sumerian school

Contributors ✨#

Thanks goes to these wonderful people (emoji key):

Dmitriy Vasilev


Become a Patron!