The core components used in React Native are
<View>
, <Text>
, <Image>
, <ScrollView>
, <TextInput>
And analogy when compared Web can be explained by below :
REACT NATIVE UI COMPONENT |
ANDROID VIEW |
IOS VIEW |
WEB ANALOG |
DESCRIPTION |
<View> |
<ViewGroup> |
<UIView> |
A non-scrolling <div> |
A container that supports layout with flexbox style, some touch handling, and accessibility controls. |
<Text> |
<TextView> |
<UITextView> |
<p> |
Displays, styles, and nests strings of text and even handles touch events. |
<Image> |
<ImageView> |
<UIImageView> |
<img> |
Displays different types of images |
<ScrollView> |
<ScrollView> |
<UIScrollView> |
<div> |
A generic scrolling container that can contain multiple components and views. |
<TextInput> |
<EditText> |
<UITextField> |
<input type="text"> |
Allows the user to enter text |