Core Components
Last updated
What is Core Components?
Core components are the essential building blocks provided by React Native to create a user interface for mobile applications. They are platform-agnostic, meaning they work across both iOS and Android devices. Some of the common core components include:
Viewis a fundamental component for constructing the user interface. It is equivalent to adivin HTML and can be used as a container for other components.Textis used to display text content in your app. It is similar to theporspanelements in HTML.TextInputis a basic input field that allows users to type text into your app. It is similar to theinputelement in HTML.TouchableOpacityis a wrapper for making elements likeViewandTextrespond properly to touch events. It provides feedback by reducing the opacity of the wrapped component when pressed.ScrollViewis a scrollable container that allows users to scroll through its content. It is useful when you have content that exceeds the available screen size.FlatListis used to render a list of items using a performant approach. It only renders items that are currently visible on the screen and removes others to save memory.
Free resources to learn Core Components
- Official docsCore Components and APIs
- Official docsCore Components and Native Components
More in stage 5: Core Components
Core Components: common questions
Can I learn Core Components in Hindi?
This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Core Components in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.
Is this Core Components tutorial for beginners?
It is lesson 21 of 94 in the free React Native roadmap, in stage 5, Core Components. If you are new to React Native, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.