| 20.01.2020 16:34 | Правка идентифика... |
|
Расположить файлы MainActivity.java и MainApplication.java, которые обычно располагаются в android/app/src/main/java/com/reactnative/, в соответствующей структуре.Например: ru/appName или com/appGroup/appName.Идентификаторы в файлахИзменить на соответствующие в следующих файлах:MainActivity.javaandroid/app/src/main/AndroidManifest.xmlMainApplication.javaandroid/app/build.gradle
|
|
React Native
Хочется описать весь перечень действий с самого начала от владения компьютером с установленной системой Windows, по этому статья будет достаточно длинной.
Используем самую на текущий момент адекватную IDE - WebStorm. После её установки нужно произвести активацию, как это сделать описано в интернете, зачастую на трекерах.
После этого надо установить несколько необходимых для продолжения программ:
- Node Js для npm
- Yarn для ускорения работы с npm пакетами
- Java SE для работы React Native
- react-native-cli через yarn add:
yarn global add react-native-cli
- Android Studio для запуска виртуальных устройств
Необходимо установить переменные среды в Windows. Нажав на значок пуск правой кнопкой мыши и выбрав Система, Сведения системы, перейти в Дополнительные параметры системы и во вкладке Дополнительно войти в Переменные среды (кнопка в самом низу). Добавить переменную:
Имя: ANDROID_HOME
Значение: C:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk
Где YOUR_USERNAME имя пользователя Windows.
Добавить пункт в переменную Path: c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk\platform-tools
Добавить JAVA_HOME в системные переменные, нужно найти путь самим, скорей всего C:\Propgram Files\java\sdkNUMBER
Добавить пункт в переменную Path: %JAVA_HOME%\bin
Следующий шаг это создание виртуального устройства. Делается это через Android Studio, в AVD Manager.
Создать проект в терминале открытым в папке C:\Users\YOUR_USERNAME\WebstormProjects по команде:
react-native init myProjectName --template typescript
myProjectName - Название проекта
Запустить WebStorm, открыть папку ранее созданного проекта
Последний этап это запуск проекта на виртуальном устройстве. Для этого нужно в терминале WebStorm, расположенном в нижней панели, запустить команду:
react-native run-android