Создайте последнюю версию среды React Native (от 0 до упакованного APK)

React.js

Реагировать на нативное путешествие

Реагировать Native шаги на яме, чтобы начать

5.1 Отпуск так быстро закончился, что ты сделал?

😂, я добавил 3 дня работы, а вы?

Недавно у компании появился проект React Native, и мне предстоит изучать RN. Поскольку я изучал React раньше, процесс изучения React Native не слишком сложен.

Изучение React Native наступило на множество ям, резюмируя статью, чтобы другие мелкие партнеры могли легко начать работу и уменьшить ловушки при разработке RN. 😂

"

Установка среды React Native (должна быть настроена и установлена ​​в соответствии со следующими 3 требованиями, иначе среда будет неправильной)

  • Python 2.x, должна быть установлена ​​версия 2.x.
  • Node, версия должна быть 12 или выше
  • Среда Java JDK должна быть версии 1.8.

Отсутствует среда Python

Проект зависит от инструмента установки

  • Предпочтительная пряжа, быстрая установка сторонних ресурсов
  • Npm, скорость загрузки будет очень низкой, вы можете установить источник Taobao, чтобы ускорить скорость

Отладка эмулятора мобильного телефона

  • Установите Android Studio (необходимо настроить среду AS, которая здесь не представлена)
  • ночной симулятор
  • другие эмуляторы

Установите React Native Scaffolding

Я устанавливал его по официально предоставленной скаффолдингу до этого, а там были разные ямы.Проект создавался, проект запускался, сообщались разные ошибки, в итоге всякие байду не увенчались успехом.

Позже я выбрал EXPO, который действительно ароматный.

"
Официально предоставленные леса
1. 全局安装脚手架
npm uninstall -g react-native-cli
2. 创建新项目
react-native init  ProjectName
3. yarn start

Установить строительные леса ЭКСПО

Что такое ЭКСПО

Expoэто фреймворк и платформа для приложений React общего назначения. Это набор инструментов и сервисов, созданных на основе React Native и нативной платформы, которые помогут вам быстро разрабатывать, создавать, развертывать и выполнять итерации для iOS, Android и веб-приложений на основе одной и той же кодовой базы JavaScript/TypeScript.

"
Установить леса
1. 全局安装 EXPO
 推荐用 yarn 安装//  
 npm install --global expo-cli
(当时用npm,安装了半个小时,也没安装完......😭)

2. 创建项目
expo init my-project

ЭКСПО обеспечивает очень удобную разработку и удобство

От разработки проекта до финального запуска все очень просто.

Если вы хотите упаковать свое приложение в файл APK:

Вы можете использовать команды, предоставленные EXPO:expo build:android

При упаковке вам понадобится учетная запись EXPO, потому что она будет выпущена в вашу учетную запись EXPO, сгенерирует файл APK и опубликует его в магазине приложений.Если вам нужен сертификат или данные, он сгенерирует их для вас. вообще не нужно об этом беспокоиться, просто сосредоточьтесь на кодировании.

"

Говорить а не тренироваться это чистое хулиганство, далее идет демонстрация работы ЭКСПО

Создать проект
Загрузка зависимостей займет некоторое время

Представление проекта ЭКСПО

Стартовый проектyarn start

После успешного запуска он запустит службу и автоматически откроет веб-страницу.На этой веб-странице вам нужно только подключить симулятор мобильного телефона или реальную машину к компьютеру, а затем нажатьRun on Android deviceможет работать на мобильном телефоне.

Не проще ли, используйте официальную, свою конфигурацию и найдите эмулятор. 😝

"

React Native поддерживает горячие обновления

Это очень удобно для отладки при разработке приложения, изменения данных и изменения представления одновременно.

"

Упаковать проект

Поскольку я работаю в среде Windows, здесь я расскажу только о том, как упаковывать файлы Android APK.

Упаковка IOS также может перейти к официальному документу для чтения, документ может быть не очень дружелюбным к китайцам, чистый английский язык, инструменты перевода могут нам помочь.

"

После того, как пакет будет успешно установлен, он предоставит ссылку, перейдите по этой ссылке, вы можете скачать упакованный APK-файл.

Скачать APK

эффект отображения

все кончено

В этой главе рассказывается, как настроить среду React Native и как использовать артефакт EXPO, от 0 до процесса упаковки в файл APK.

В середине я наступил на много ям и написал статьи, чтобы записать их.Другие друзья могут сократить время нахождения в ямах и сосредоточиться на развитии бизнеса, чтобы разрабатывать высококачественные приложения для приложений.

"

Всем удачи 5.1

Оригинально не просто, чувствуй себя хорошо, делись и ставь лайк 👍

Подпишитесь на официальную учетную запись, вы можете присоединиться к «группе обмена интерфейсом для самообучения»👍