OpenCollective.ReactNative

Это новый нативный проект React , загруженный с использованием @react-native-community/cli .

Начиная

ПРИМЕЧАНИЕ . Убедитесь, что вы выполнили инструкции React Native - Environment Setup до «Создания нового приложения», прежде чем продолжить.

Шаг 1: запустите сервер Metro

Во -первых, вам нужно будет запустить Metro , JavaScript Bundler , который поставляется с Rayact Native.

Чтобы запустить Metro, запустите следующую команду из корня вашего нативного проекта React:

 # using npm
npm start

# OR using Yarn
yarn start

Шаг 2: Начните свое приложение

Пусть Метро Бундлер забежит в своем терминале. Откройте новый терминал из корня вашего нативного проекта React. Запустите следующую команду, чтобы запустить приложение Android или iOS :

Для Android

 # using npm
npm run android

# OR using Yarn
yarn android

Для iOS

 # using npm
npm run ios

# OR using Yarn
yarn ios

Если все настроено правильно , вы должны увидеть, как ваше новое приложение работает в вашем эмуляторе Android или в iOS -симуляторе, при условии, что вы правильно настроили эмулятор/симулятор.

Это один из способов запуска вашего приложения - вы также можете запустить его непосредственно из Android Studio и Xcode соответственно.

Шаг 3: Изменение вашего приложения

Теперь, когда вы успешно запустили приложение, давайте изменим его.

1. Откройте App.tsx в своем текстовом редакторе выбора и отредактируйте некоторые строки.

2. Для Android : нажмите клавишу R дважды или выберите «Перезагрузить» в меню разработчика ( Ctrl + M (на окне и Linux) или CMD ⌘ + M (на macOS)), чтобы увидеть ваши изменения!

   Для iOS : нажмите CMD ⌘ + R в вашем симуляторе iOS, чтобы перезагрузить приложение и увидеть ваши изменения!

Поздравляю! ?

Вы успешно запускали и изменили свое приложение React Native. ?

Теперь что?

• Если вы хотите добавить этот новый собственный код React в существующее приложение, ознакомьтесь с руководством по интеграции.
• Если вам интересно узнать больше о RACE Native, ознакомьтесь с введением, чтобы React Native.

Поиск неисправностей

Если вы не можете заставить это работать, посмотрите страницу устранения неполадок.

Узнать больше

Чтобы узнать больше о Rayact Native, взгляните на следующие ресурсы:

• React Native Websity - Узнайте больше о React Native.
• Начало работы - обзор Greact Native и как настроить вашу среду.
• Узнайте основы - экскурсию по местным основам React.
• Блог - Читайте последние официальные посты на Native Blog React.
• @facebook/react-native - открытый исходный код; Репозиторий GitHub для нативного реагирования.