Базовые компоненты

Text

«Компонент React для отображения текста» — поддерживает вложенность, стилизацию и обработку нажатий.

Image

«Компонент React для отображения различных типов изображений»: сетевые, статические ресурсы, локальный диск. Три метода задания размера: фиксированный, гибкий, процентный.

View

«Самый фундаментальный компонент для создания пользовательского интерфейса» — контейнер с поддержкой flexbox, обработки нажатий, доступности. Поддерживает вложенность.

StyleSheet

Стилизация через JavaScript. Имена стилей в camelCase (backgroundColor, а не background-color).

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    padding: 16
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    color: '#1c1e21'
  }
})

ActivityIndicator

«Отображает круговой индикатор загрузки.»

<ActivityIndicator size="large" color="#2e8555" />

Композиция компонентов

Компоненты могут ссылаться на другие компоненты. Фрагменты (<>...</>) позволяют возвращать несколько элементов без лишних узлов DOM.