React native первоначальная настройка
React native

React native первоначальная настройка

Опубликовано Автор: Дмитрий Поляков / Нет комментариев
react-native

Для начала нужно установить Node.js https://nodejs.org/en/

Если вы новичок в разработке мобильных устройств , самый простой способ начать работу с Expo CLI. Expo — это набор инструментов, созданных на основе React Native, и, хотя он имеет множество функций , наиболее важной для нас сейчас является то, что он может помочь вам написать приложение React Native за считанные минуты 

npm install -g expo-cli

Для Mac OS нужно набрать так:

sudo npm install -g expo-cli

Проверка установлена ли expo:

expo --version

Для windows, может потребоваться установка переменных среды, Path, например так:

C:\Users\Dima\AppData\Roaming\npm

Переходим в папку в которой будем создавать проект

Например так:

cd documents
cd projects

Создание проекта

expo init react-native-test
cd react-native-test
npm start

Сайт expo: https://expo.io/

Сайт react-native: https://facebook.github.io/react-native/

Настраиваем Android studio эмулятор

Как настроить описано здесь: https://docs.expo.io/versions/v36.0.0/workflow/android-studio-emulator/

Сначала качаем и устанавливаем Android studio: https://developer.android.com/studio

Далее для Mac

Можно набрать такую команду в терминале:

nano ~/.bash_profile

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

export ANDROID_SDK=/Users/dmitrijpolakov/Library/Android/sdkexport 
export PATH=/Users/dmitrijpolakov/Library/Android/sdk/platform-tools:$PATH

Далее в Android studio заходим в configure — SDK Manager

Должны быть установлены:

  • Android SDK Build-Tools
  • Android Emulator
  • Android SDK Platform-Tools
  • Android SDK Tools
  • Intel x86 Emulator Accelerator (HAXM installer)

Также лучше добавить:

  • Google Play Services

После выбора необходимых флажков, нажимаем: Apply

Далее заходим в Configure — AVD Manager

И создаем эмулятор, например: Pixel 2

Скачиваем нужный SDK для эмулятора и создаем!

Далее стартуем эмулятор.

Эмуляторы находятся в Configure — AVD Manager

Далее по кнопке «Run on Android device emulator», можно запустить наше приложение на эмуляторе.

Настраиваем симулятор IOS

Вначале устанавливаем Xcode из AppStore.

Далее проверяем, что на закладке Xcode — Preferences — Locations — выбраны данные в Command Line Tools

Далее открываем симулятор Xcode — Open developer tool — Simulator

Далее для запуска приложения на симуляторе нажимаем «Run on iOS Simulator». И нажимаем кнопочку «Got it».

Дмитрий Поляков

Оставить комментарий