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

ScrollView:

• Renders all children at once
• Good for small, fixed content
• Simple implementation
• Memory-heavy for large lists

FlatList:

• Renders items lazily (virtualized)
• Good for long, dynamic lists
• Built-in pull-to-refresh
• Better performance for large data

When to use:

1// ScrollView: small, known content
2<ScrollView>
3  <Header />
4  <Content />
5  <Footer />
6</ScrollView>
7
8// FlatList: dynamic, large lists
9<FlatList
10  data={products}
11  renderItem={renderProduct}
12  keyExtractor={(item) => item.id}
13/>

Rule of thumb: If data > 20 items, use FlatList.