List the important core components of React Native

The most important core components in react native are as follows ?

React Native component Android Native View IOS Native View Web Browser Description
View - When the app is seen in Android device the component will be changed to
when the app is seen in IOS device the component will be changed to
When seen in a web browser the component will be changed to
tag
It is the core container that supports flexbox layout. It also manages touch handling.
Text - When the app is seen in Android device the component will be changed to
when the app is seen in IOS device the component will be changed to
When seen in a web browser the component will be changed to

tag

Used to display text to the user. It also handles styling and touch events.
Image - When the app is seen in Android device the component will be changed to
When the app is seen in an IOS device the component will be changed to
When seen in a web browser the component will be changed to tag
Used to display images.
Scrollview - When the app is seen in Android device the component will be changed to
when the app is seen in IOS device the component will be changed to
When seen in a web browser the component will be changed to
tag
Scrolling container that has components and views.
TextInput - When the app is seen in Android device the component will be changed to
When the app is seen in an IOS device the component will be changed to
When the is seen inside a web browser the component will be changed to tag.
Input element where the user can enter the text

Example

Following is the working example with , , , and

To work with Text, View, Image, ScrollView, TextInput, you need to import the components from react -native as shown below ?

import { View, Text, Image, ScrollView, TextInput } from 'react-native';

The View component is mainly used to hold the text, button, Image, etc. The component is used as follows ?


   Inside View Container
   

It has Text and Image component in it. The ScrollView component behaves like a parent component that handles the View, Text, Image, Button and other React Native Component.

import React from 'react';
import { View, Text, Image, ScrollView, TextInput } from 'react-native';

const App = () => {
   return (
      
         Welcome to TutorialsPoints!
         
            Inside View Container
            
      
      
      
   );
}
export default App;

Output

Updated on: 2021-07-01T07:02:42+05:30

509 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements