React Native: What is the difference between React Native's View and Text components?

View:

• Container component (like div)
• Supports flexbox layout
• Handles touch events
• Maps to native view elements

Text:

• Renders text content
• Supports nested Text components
• Handles text selection
• Maps to native text elements

Key difference:

1// ❌ Text directly in View
2<View>Hello</View>
3
4// ✅ Text must be in Text
5<View><Text>Hello</Text></View>

Performance:

• Avoid deeply nested Text
• Use numberOfLines for truncation
• Text components are more expensive to layout