Ранее я писал о руководстве по началу работы с 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

Вы получите новое родное приложение, работающее в симуляторе, подобное этому.