В этой статье вы прочитаете про start React Native Expo, также узнаете что и для чего нужно, думаю многим будет это интересно и самое главное полезно.
Также почитайте прошлую нашу статью про React Native «React Native что это и для чего нужен», для новичков тоже будет интересно.
Для чего нужен Expo:
Как видно из названия, это нужно для React Native, благодаря Expo вам не обязательно создавать виртуальную машину и на ней тестировать, так как это может быть сложно, особенно новичкам, вам достаточно будет создать проект через expo и дальше вы сможете тестировать приложение у себя или в браузере.
Но у Expo есть и минусы, дело в том, что вы не сможете создавать на нём приложение, которому требуется доступ к файлам, или к базе данных SQL, если вам нужно это, то в таком случае вам надо создавать стандартное приложение и тестировать через виртуальную машину Android.
Установка Expo React Native:
Для того чтобы установить Expo, вам потребуется открыть терминал и вписать NPM команду для установки, то есть как обычный JavaScript пакет, но только стоит установить его глобально.
Вот что нужно вписать:
1 | npm install --global expo-cli |
Теперь если вы хотите тестировать своё приложение на своём телефоне, то скачайте в магазине приложений Expo Go, благодаря ему вы и сможете это сделать:
Start React Native Expo:
Всё что идёт дальше, по сути перевод информации с официального сайта, который вы сможете почитать по ссылке.
На этом этапе у нас должен быть установлен интерфейс командной строки Expo на нашем компьютере для разработки и приложение Expo Go на физическом устройстве или эмуляторе iOS или Android. Если нет, то посмотрите информацию чуть выше, прежде чем продолжить.
Инициализация проекта:
1 2 | expo init my-app cd my-app |
Запуск сервера разработки:
1 | expo start |
Когда вы запускаете expo start (или npm start), интерфейс командной строки Expo запускает Metro Bundler, который представляет собой HTTP-сервер, который компилирует код JavaScript нашего приложения с помощью Babel и передает его приложению Expo. Он также открывает Expo Dev Tools, графический интерфейс для Expo CLI.
Примечание:
Вы можете закрыть окно Expo Dev Tools и запретить его запуск в будущем, нажав «Shift+D» в своем терминале с запущенным Expo CLI. Запустите его снова в любое время, нажав d в терминале, где работает Expo CLI.
Открытие приложения на телефоне/планшете:
Примечание:
Вы можете открыть проект на нескольких устройствах одновременно. Идите вперед и попробуйте его на iPhone и телефоне Android одновременно, если у вас есть оба под рукой.
- На своем iPhone или iPad откройте стандартное приложение Apple «Камера» и отсканируйте QR-код, который вы видите в терминале или в инструментах Expo Dev Tools.
- На устройстве Android нажмите «Сканировать QR-код» на вкладке «Проекты» приложения Expo Go и отсканируйте QR-код, который вы видите в терминале или в инструментах Expo Dev.
Теперь вы можете начать разрабатывать приложение на React Native и сразу тестировать его, без проблем.
Вывод:
В этой статье вы прочитали start React Native Expo, узнали как происходит установка, и в целом что это такое, думаю вам было интересно и полезно.
Подписываетесь на соц-сети:
Оценка:
Загрузка...