Полное руководство по React Native

Введение:

• React Native можно использовать для создания мобильных приложений, используя только JavaScript.
• Он использовал тот же дизайн, чтобы составить богатый мобильный пользовательский интерфейс из декларативных компонентов.
• Он используется для создания реального мобильного приложения, которое неотличимо от приложения, созданного с использованием Java или Objective-C.
• Он использует те же основные строительные блоки пользовательского интерфейса, что и обычные приложения для iOS и Android.
• Строительные блоки хранятся вместе с помощью JavaScript и React.

Особенности React Native:

• React — это библиотека для создания веб-приложений и мобильных приложений с использованием JavaScript.
• Собственный — Собственные компоненты контролируются JavaScript.
• Платформы — React Native поддерживает платформы IOS и Android.

Преимущества React Native:

• JavaScript — существующие знания JavaScript используются для создания мобильных приложений.
• Совместное использование кода — большую часть кода можно использовать на разных платформах.\
• Сообщество — сообщество React и React Native велико, и в них можно найти любой ответ.

Ограничения React Native:

• Нативные компоненты. Чтобы создать нативную функциональность, которая еще не создана, необходимо написать код для конкретной платформы.

Настройка среды — React Native:

• В качестве платформы для сборки используется OSX:

→ Установите Nodejs: скачайте и установите

→ Установите приложение create-реагировать на родное:

npm install -g create-react-native-app

→ Создайте проект:

koti-r-native›create-react-native-app MyNativeApp

→ Установите Python NodeJS и jdk8.

→ Установите React Native CLI:

npm установить -g реагировать родной кли

→ Начать реагировать на родной:

koti-r-native› cd MyNativeApp

koti-r-native\MyNativeApp›запуск npm

Примечание:

• Если все в порядке, отображается QR-код:

• Чтобы запустить собственные приложения React на устройстве Android, используйте expo. Установите клиент expo и отсканируйте QR-код.

→ Извлечь проект:

• Чтобы запустить эмулятор Android с помощью Android Studio, выйдите из текущей командной строки, нажав ctrl+c.
• Затем выполните: npm run eject
• Выберите первый с помощью стрелок и нажмите Enter:

Затем предложите название приложения на главном экране и проект студии Android и проекты Xcode:

Хотя проект успешно удален, может возникнуть ошибка, как показано ниже:

Не обращайте внимания на вышеуказанную ошибку.

→ Установите Android Studio:

Ссылка для скачивания: http://bit.ly/41wZKfO

Затем запустите React Native для Android, используя следующую команду:

реагировать на запуск Android

→ Конфигурация AVD-менеджера: