Ранее я писал о руководстве по началу работы с React Native в 2020 году.
Как запустить свое первое приложение React Native на устройствах macOS для iOS
Но с 2020 года многое изменилось. Итак, основное внимание уделяется запуску вашей первой последней версии приложения iOS для реагирования на macOS.
Для этого руководства я использовал версию macOS M1 (13.2.1).
Установить доморощенный
Запустите эту команду в корневом каталоге, чтобы установить homebrew.
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
После успешного выполнения этой команды brew сообщит вам команды для добавления brew в ваш терминал. Вы можете запустить эти команды, а затем использовать brew для установки дополнительных зависимостей.
Установить узел и сторож
Запустите эти команды, чтобы установить Node и Watchman.
brew install node brew install watchman
Обязательно установите Node 14 или более новые версии. Вы можете проверить версию с помощью этой команды.
node -v
Установить Руби
Руководство React Native рекомендует установить диспетчер версий Ruby, чтобы привести вашу версию macOS в соответствие с React Native.
В настоящее время macOS 13.2
поставляется с Ruby 2.6.10
, что не требуется для этой версии React Native (2.7.6)
.
Проверьте свою рубиновую версию macOS с помощью этой команды
ruby -v
Это дало мне 2.6.10
версию.
Установить chruby
Для этого я установил chruby
менеджер версий ruby.
1- Запустите эту команду, чтобы установить chruby
и ruby-install
brew install chruby ruby-install
2- Установите стабильную версию ruby, выполнив эту команду.
ruby-install 2.7.6 -- --enable-shared
После выполнения вышеуказанной команды у меня установлена версия ruby 2.7.6
.
3- Настройте свою оболочку с последней версией ruby
echo "source $(brew --prefix)/opt/chruby/share/chruby/chruby.sh" >> ~/.zshrc echo "source $(brew --prefix)/opt/chruby/share/chruby/auto.sh" >> ~/.zshrc echo "chruby ruby-2.7.6" >> ~/.zshrc
Обязательно добавьте ту же версию (2.7.6)
в приведенную выше команду, которая была установлена на шаге 2.
4- Выйдите, перезапустите терминал и снова проверьте версию ruby, выполнив эту команду.
ruby -v
Здесь должно быть написано рубин 2.7.6
Установить Xcode
Лучший способ установить Xcode — через магазин приложений. Он также установит необходимые инструменты и симулятор iOS для создания приложения iOS.
Обязательно установите Xcode версии 10 или новее.
1. Установите инструменты командной строки
Для последней версии Xcode (14.2) откройте Xcode и выберите Behaviors › Edit Behaviors в меню Xcode.
Для предыдущих версий Xcode выберите **Настройки…* в меню Xcode.*
Перейдите в раздел Locations
и выберите самый последний вариант, доступный в раскрывающемся меню «Инструменты командной строки».
2. Установите CocoaPods
Установите CocoaPods, выполнив эту команду
gem install cocoapods
Не используйте sudo
при установке каких-либо драгоценных камней. Монсеф Белямани объяснил это здесь
Создать новое приложение
Давайте создадим новый проект React Native с именем AwesomeProject
, используя встроенный интерфейс командной строки React Native.
npx react-native@latest init AwesomeProject
После того, как новое приложение будет создано, вам нужно запустить эту команду в папке вашего проекта ios
, чтобы установить модули.
pod install
Запуск приложения
1. Запустите Метро
Чтобы запустить нативное приложение, вам нужно сначала запустить метро. Запустите эту команду в терминале, чтобы запустить метро.
npx react-native start
2. Запустите приложение
Откройте новый терминал и запустите эту команду, чтобы запустить приложение на симуляторе iOS.
npx react-native run-ios
Вы получите новое родное приложение, работающее в симуляторе, подобное этому.