ListView component displays a scrolling list of changing, but similarly structured, data.
ListView works well for long lists of data, where the number of items might change over time. Unlike the more generic
ListView only renders elements that are currently showing on the screen, not all the elements at once.
ListView component requires two props:
dataSource is the source of information for the list.
renderRow takes one item from the source and returns a formatted component to render.
This example creates a simple
ListView of hardcoded data. It first initializes the
dataSource that will be used to populate the
ListView. Each item in the
dataSource is then rendered as a
Text component. Finally it renders the
ListView and all
rowHasChangedfunction is required to use
ListView. Here we just say a row has changed if the row we are on is not the same as the previous row.
One of the most common uses for a
ListView is displaying data that you fetch from a server. To do that, you will need to learn about networking in React Native.
You can edit the content above on GitHub and send us a pull request!