Недавно я загрузил свое первое приложение React Native. Несмотря на то, что большинство руководств описывали начало работы с Expo и реактивную инициализацию с использованием iOS, какое-либо подходящее руководство по работе с Android Studio… отсутствовало. Я не признаюсь, сколько времени мне понадобилось, чтобы во всем разобраться, но вот руководство, которое я хотел бы найти, когда начинал.

Предпосылки

Прежде чем начать, вы должны убедиться, что у вас установлено все следующее:

  1. Android Studio + Android SDK (независимо от того, какая текущая версия поддерживается в настоящее время)
  2. Node.js
  3. Нативный отладчик React

Кроме того, у вас также должны быть установлены следующие пакеты NPM.

  • пряжа
  • реагировать родной

Инициализация приложения

Начните с инициализации приложения, выполнив

react-native init <App-Name>

Теперь React Native должен запустить скрипт для инициализации приложения. После этого скрипт сообщит вам, что вы можете запустить приложение на устройстве Android, если вы запустите

react-native run-android

Для меня эта команда работала примерно в 20% случаев, часто не удавалось подключиться к упаковщику после компиляции приложения. Более надежный способ, который я нашел, — это скомпилировать приложение через Android Studio.

Для этого откройте Android Studio и откройте папку «android» в корне вашего проекта. Запустите упаковщик метро, ​​запустив yarn start в терминале, а также запустите родной отладчик реакции. Оба этих приложения будут ждать, пока приложение подключится к ним.

Когда вы впервые открываете Android Studio и выполняете сборку, вы можете столкнуться со следующей ошибкой.

Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.It will be removed at the end of 2018....

Чтобы исправить это, щелкните правой кнопкой мыши папку app в левом размере, прокрутите до конца контекстное меню и нажмите «Открыть настройки модуля». Там перейдите на вкладку «Зависимости» и измените все значения «Компиляция» на вкладке области действия на «Реализация».

После того, как вы создадите приложение, оно должно подключиться к упаковщику метро, ​​если упаковщик метро по какой-то причине зависает на упаковке, перезагрузите эмулятор, нажав «R, R» на эмуляторе. Он должен запускать упаковщик для автоматической перезагрузки.

Как только ваше приложение придет к вам, вы захотите нажать CTRL + M, чтобы войти в меню разработчика. Там выберите «Включить горячую перезагрузку», чтобы включить горячую перезагрузку модуля, дополнительно выберите «Отладка JS удаленно», и ваш эмулятор автоматически подключится к удаленному отладчику, который вы открыли ранее.

Вот оно, успешно созданное приложение React Native с реактивной инициализацией и Android Studio.