Базові компоненти

Під час розробки мобільних додатків використовують компоненти подібні до html-тегів застосовуваних у веб-застосунках. Розробники React Native розробили набір компонентів, які мають однакову поведінку як на пристроях Android, так і на пристроях iOS. Нижче у таблиці наведені основні компоненти і їх можливі аналоги у Web.

React Native	Web-аналог	Опис
<View />	<div />	Базова обгортка, з якої складається майже вся верстка. Всередині не можна передавати текст - тільки інші компоненти. На нього не можна повісити слухач на дотик
<Text />	<span />, <p />	Єдиний компонент, всередині якого можна відображати текст
<ScrollView />	<div />	Аналог div, але поведінка така, ніби йому додано властивість overflow: scroll
<Image />	<img />	Компонент вставки зображення
<ImageBackground />		Компонент, який використовують як обгортку як <View /> тільки він має властивість фонового зображення
<Button />	<button />	Кнопка, яка на кожній платформі має свій специфічний вигляд. Можна вішати слухач на дотик. Текст кнопки передається спеціальним налаштуванням
<Pressable />	<a />, <button />	Компонент-обгортка на який зручно вішати слухач подій.
<Switch />	checkbox	Перемикач, аналог <input type ="checkbox" />, але зі специфічним до платформи зовнішнім виглядом
<TextInput />	<input />, <textarea />	Компонент для введення тексту. В залежності від налаштувань виступає або аналогом <input />, або <textarea />
<StatusBar />		Компонент, який відповідає за налаштування верхнього статус-бар (з годинником, статусом wi-fi тощо)

Посилання на офіційну документацію:

Які бувають компоненти у розробці для мобільних пристроїв

Повний перелік компонентів React Native