Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
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 |
when the app is seen in IOS device the |
When seen in a web browser the 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 |
when the app is seen in IOS device the |
When seen in a web browser the 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 |
When the app is seen in an IOS device the |
When seen in a web browser the |
Used to display images. |
| Scrollview - |
When the app is seen in Android device the |
when the app is seen in IOS device the |
When seen in a web browser the tag |
Scrolling container that has components and views. |
| TextInput - |
When the app is seen in Android device the |
When the app is seen in an IOS device the |
When the is seen inside a web browser the |
Input element where the user can enter the text |
Example
Following is the working example with
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

Advertisements
