React Native - példákkal magyarázható alapparancsok

Itt megtalálja az alapvető parancsok listáját az iOS és Android alkalmazások fejlesztésének megkezdéséhez a React Native használatával. Ha még nincs telepítve, javasoljuk, hogy kövesse a hivatalos útmutatót.

Új projekt indítása

Különböző módon indíthat egy reagáló natív alkalmazást. Használhatja az Expo-t vagy create-react-native-app(amely viszont az Expo-Cli-t használja) az új projekt elindításához, de ezzel a módszerrel jobban irányíthatja, hogy mi a helyzet a projektben, és kommunikálhat, módosíthat és írhat saját modulokat natív iOS-könyvtárakkal és Android mobil platform.

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

Futtassa az alkalmazást az Android emulátorban

Ez a parancs magától értetődő, és ahogy mondja, elindítja az Android emulátort és telepíti az imént létrehozott alkalmazást. A parancs futtatásához a projekt gyökérzetében kell lennie.

react-native run-android

Futtassa az alkalmazást az iOS emulátorban

Ez a parancs pontosan ugyanúgy jár el, mint react-native run-androidaz Android emulátor helyett, de megnyitja az iPhone szimulátort.

react-native run-ios

Kapcsolja össze a függőségeket a natív projektekkel

Néhány könyvtárnak vannak olyan függőségei, amelyeket össze kell kapcsolni a React Native számára létrehozott natív kódban. Ha valami nem működik az új könyvtár telepítése után, akkor talán azért, mert ezt a lépést kihagyja.

react-native link [LIBRARY-NAME]

Tiszta csomag

Ha valami nem a várt módon fut, akkor valószínűleg ki kell törölnie és létre kell hoznia egy új csomagot ezzel a paranccsal.

watchman watch-del-all

Támogatás dekorátorok

A JSX alapértelmezés szerint nem támogatja a dekoratőröket, ezért a Babel plugin telepítéséhez telepítenie kell a működését.

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

Exportálja az APK-t az eszközön való futtatáshoz

A következő parancsokkal rendelkezik és aláíratlan apk-val rendelkezik, így tesztelés céljából telepítheti és megoszthatja kollégáival. Ne feledje, hogy ez az apk nem áll készen az App Store vagy a produkció feltöltésére. Megtalálja a friss apk-t android/app/build/outputs/apk/app-debug.apk.

1. Bundle hibakeresés

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. Hozzon létre hibakeresési összeállítást

cd android ./gradlew assembleDebug

További források a React Native-on:

  • Hogyan készítsünk mobilalkalmazásokat a React Native segítségével
  • Funkcionális és osztályösszetevők a React Native-ban
  • A React Native Apps tesztelése a Jest és az Enzyme segítségével