Часть 2: Основы React Native
Освоение React Native: From Zero to Hero — всеобъемлющая серия для создания мощных мобильных приложений
- Глава 1: Введение в React Native
- Глава 2. Основы React Native
- Глава 3: Создание пользовательского интерфейса с помощью React Native
- Глава 4: Навигация и маршрутизация
- Глава 5: Обработка пользовательского ввода и форм
- Глава 6: Работа в сети и выборка данных
- Глава 7: Управление состоянием
- Глава 8: Работа с функциями устройства
- Глава 9: Работа с автономными возможностями
- Глава 10: Тестирование и отладка
- Глава 11: Оптимизация производительности
- Глава 12: Развертывание и отправка в App Store
Глава 2: Основы React Native
В этой главе мы углубимся в основы React Native и продолжим создание пользовательского интерфейса для нашего приложения «Поиск рецептов». Мы рассмотрим основные концепции React Native, такие как компоненты, синтаксис JSX, стили и обработка пользовательского ввода.
Понимание нативных компонентов React
React Native вращается вокруг концепции компонентов, которые являются строительными блоками пользовательского интерфейса в приложении React Native. Компоненты — это повторно используемые автономные элементы, которые инкапсулируют определенные функции и стили.
React Native предоставляет широкий спектр встроенных компонентов, таких как View, Text, Image, Button и TextInput, которые вы можете использовать для создания пользовательского интерфейса вашего приложения. Эти компоненты очень похожи на свои веб-аналоги, но реализованы как нативные элементы на каждой платформе, обеспечивая согласованный и нативный опыт для ваших пользователей.
Компоненты можно дополнительно настраивать с помощью свойств, также известных как свойства. Реквизиты позволяют передавать данные и конфигурацию компонентам, влияя на их поведение и внешний вид. Например, вы можете передать свойство title компоненту Button, чтобы указать текст, отображаемый на кнопке.
