Как работать над проектом React Native в текстовом редакторе и одновременно просматривать его в Android Studio?

Question

Моя папка с собственным проектом React выглядит так:

- Гифтон-Проект --- андроид --- иос --- приложение ---- компоненты (И т.д.).

Итак, когда я открываю это в Android Studio, я открываю только папку «android».

Однако мой исходный код (?), Который я хочу отредактировать, находится в папке «app / components», то есть вне папки «android». Таким образом, когда я изменяю и сохраняю свой код в текстовом редакторе, таком как Atom, изменения не отражаются в Android Studio, когда я запускаю его в эмуляторе.

Как я могу сделать это, и особенно просто, без перезагрузки всего?

Спасибо! :)

Answer 1

Попробуйте выполнить следующие действия:

1) Одновременно с Android Studio и Atom одновременно запустите окно терминала с командой npm start.

2) После Загрузка графика зависимостей готово, оставьте metro bundler в фоновом режиме.

3) Запустите проект с помощью Android Studio.

4) Отредактируйте свой React-Native код в Atom или любом другом редакторе.

5) Сохраните ваш код.

6) Перезагрузите в эмуляторе Android (нажмите RR в Android)

Answer 2

Поскольку каждая команда react-native run-android сначала создает сборку, а затем устанавливает ее в устройстве / эмуляторе, вы хотите иметь возможность просматривать изменения, поскольку вы запускаете уже сгенерированную сборку из Android Studio.

Всякий раз, когда вывнесите изменения в файлы JS, это не будет напрямую отражено в Android Studio и сборке, запущенной из этого.

Попробуйте запустить react-native run-android и переключить горячая перезагрузка , чтобы просмотреть измененияпрямо в эмуляторе.Как только вы нажмете «Сохранить», изменения будут отозваны.

Вам не нужно запускать проект из android studio отдельно.