React Native: What is the difference between ScrollView and FlatList in React Native?

ScrollView — all items rendered. FlatList — lazy loading.

ScrollView:

• Renders all items at once.
• Good for small lists.
• Simple to use.
• Higher memory usage.

1<ScrollView>
2    {items.map(item => (
3        <Text key={item.id}>{item.name}</Text>
4    ))}
5</ScrollView>

FlatList:

• Lazy loading (virtualized).
• Good for large lists.
• Better performance.
• Lower memory usage.

1<FlatList
2    data={items}
3    renderItem={({ item }) => <Text>{item.name}</Text>}
4    keyExtractor={item => item.id}
5/>

Key differences:

• ScrollView — all items, simple.
• FlatList — lazy, performant.
• ScrollView — small lists.
• FlatList — large lists.