React Native - Основни команди, обяснени с примери

Тук ще намерите списък на основните команди, за да започнете да разработвате приложения за iOS и Android с помощта на React Native. Ако все още не сте го инсталирали, силно се препоръчва да следвате официалното ръководство.

Стартиране на нов проект

Има различни начини, по които можете да заредите реактивно приложение. Можете да използвате Expo или create-react-native-app(което на свой ред използва Expo-Cli), за да стартирате новия си проект, но с този метод вие контролирате повече какво се е случило във вашия проект и можете да комуникирате, настройвате и пишете свои собствени модули с родните библиотеки за iOS и мобилна платформа за Android.

react-native init [PROJECT-NAME] cd [PROJECT-NAME]

Стартирайте приложението в емулатора на Android

Тази команда е обяснима сама по себе си и както се казва, тя ще стартира емулатора на Android и ще инсталира приложението, което току-що създадохте. Трябва да сте в основата на проекта, за да стартирате тази команда.

react-native run-android

Стартирайте приложението в емулатора на iOS

Тази команда прави точно същото като, react-native run-androidно вместо емулатора на Android, тя отваря iPhone симулатора.

react-native run-ios

Свържете зависимостите с местни проекти

Някои библиотеки имат зависимости, които трябва да бъдат свързани в родния код, генериран за React Native. Ако нещо не работи, след като сте инсталирали нова библиотека, може би е така, защото пропускате тази стъпка.

react-native link [LIBRARY-NAME]

Изчисти пакет

Ако нещо не се изпълни според очакванията, може би трябва да изчистите и създадете нов пакет с тази команда.

watchman watch-del-all

Подкрепете декоратори

JSX не поддържа декоратори по подразбиране, така че трябва да инсталирате приставката Babel, за да работи.

npm install babel-plugin-transform-decorators-legacy --save npm install babel-plugin-transform-class-properties --save

Експортирайте APK, за да стартирате в устройството

Със следните команди ще имате и неподписан apk, за да можете да инсталирате и споделяте с колегите си за целите на тестването. Само не забравяйте, че този apk не е готов за качване в App Store или производствения. Ще намерите вашия нов apk в android/app/build/outputs/apk/app-debug.apk.

1. Изграждане на отстраняване на грешки в пакет

react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

2. Създайте компилация за отстраняване на грешки

cd android ./gradlew assembleDebug

Още ресурси за React Native:

  • Как да изграждаме мобилни приложения с React Native
  • Функционални срещу клас компоненти в React Native
  • Как да тествате React Native Apps с Jest и Enzyme