Core Components
Also called Built-in components
- Part of
- React Native Glossary
- Also known as
- Built-in components
- Mentioned in
- JSX
- Updated
What is Core Components in React Native?
Core components are the built-in building blocks React Native ships with — View, Text, Image, ScrollView, TextInput — each backed by a real native view on iOS and Android.
Core components are the ready-made components React Native ships with, each one wrapping a real platform widget rather than a web element. They are the vocabulary you build every screen from.
The core set is small on purpose:
| Component | Renders on iOS | Renders on Android | Web equivalent |
|---|---|---|---|
<View> | UIView | android.view | <div> |
<Text> | UITextView | TextView | <p> |
<Image> | UIImageView | ImageView | <img> |
<ScrollView> | UIScrollView | ScrollView | scrollable <div> |
<TextInput> | UITextField | EditText | <input> |
Two habits matter for newcomers. Text only renders inside <Text> — a bare string inside a <View> throws. And <ScrollView> renders all of its children at once, so for long lists reach for FlatList instead.
Everything else — buttons, sliders, switches, navigation — is either composed from these or installed from the ecosystem.