#3 – Основные компоненты (View, Text, Button, Alert, Image)

Полезная ссылка:

• Официальная документация

Основные компоненты

Любое React Native приложение состоит из множества компонентов (объектов), что отвечают за вывод определенного элемента на экран. За урок мы рассмотрели такие компоненты, как:

• View – компонент для создания блока
• Text – компонент для создания текстовых надписей
• Button – компонент для создания кнопок
• Alert – компонент для создания всплывающих окон
• Image – компонент для отображения фото

Помимо этих основных компонентов существуют и другие компоненты, которые мы будем изучать по мере прохождения курса. 

Полный перечень всех компонентов доступен на официально сайте в разделе документация.

Работа с компонентами

Принцип работы с компонентами прост. Сперва любой компонент нужно подключить вверху страницы:

import { Button } from 'react-native';

После этого вы можете использовать его внутри основной функции. К компоненту также можно дописывать атрибуты, что добавляют дополнительные настройки:

<Button title='Надпись на кнопке' />

При неоходимости к объектам можно добавлять обработчики событий. Они могут срабатывать в разные моменты. Ниже показа пример обработчика события, что срабатывает при нажатии на кнопку:

<Button title='Надпись на кнопке' onPress={() => console.log('Сообщение в консоль')} />