Skip to main content

Lists

Render a collection by mapping data to elements, just like React. A ScrollView gives you a scrollable region; each item is a <View>/<Text> subtree. Add an item and watch only the new row mount — unchanged rows cost nothing.

Scaling to thousands of rows

For long or infinite lists, use <FlatList> with data, rowHeight, and keyExtractor. It windows a fixed pool of row widgets and recycles them as you scroll, so a 10,000-row list realizes only the rows on screen. See the flatlist-stress example and the Lists guide for the recycling contract (stable keyExtractor, immutable row updates).

Next: navigation →