React Native - Peruskomennot, jotka on selitetty esimerkeillä

Täältä löydät luettelon peruskomennoista, joiden avulla voit aloittaa iOS- ja Android-sovellusten kehittämisen React Native -ohjelmalla. Jos et ole vielä asentanut sitä, on erittäin suositeltavaa noudattaa virallista opasta.

Uuden projektin aloittaminen

Reagoivan natiivisovelluksen voi käynnistää uudelleen eri tavoin. Voit käyttää Expoa tai create-react-native-app(joka vuorostaan ​​käyttää Expo-Clientia) uuden projektisi aloittamiseen, mutta tällä menetelmällä hallitset paremmin projektisi onnellisuutta ja voit kommunikoida, nipistää ja kirjoittaa omia moduulejasi iOS-kirjastojen kanssa ja Android-mobiilialusta.

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

Suorita sovellus Android-emulaattorissa

Tämä komento on itsestään selvä ja koska se sanoo, se käynnistää Android-emulaattorin ja asentaa juuri luomasi sovelluksen. Sinun on oltava projektin juuressa tämän komennon suorittamiseksi.

react-native run-android

Suorita sovellus iOS-emulaattorissa

Tämä komento tekee täsmälleen saman kuin react-native run-androidAndroid-emulaattorin sijaan, mutta se avaa iPhone-simulaattorin.

react-native run-ios

Linkitä riippuvuudet alkuperäisiin projekteihin

Joissakin kirjastoissa on riippuvuuksia, jotka on linkitettävä React Native -ohjelmalle luotuun natiivikoodiin. Jos jokin ei toimi uuden kirjaston asentamisen jälkeen, johtuu ehkä siitä, että ohitat tämän vaiheen.

react-native link [LIBRARY-NAME]

Selkeä nippu

Jos jokin ei toimi odotetulla tavalla, sinun on ehkä tyhjennettävä ja luotava uusi paketti tällä komennolla.

watchman watch-del-all

Tuki sisustajat

JSX ei tue sisustajia oletusarvoisesti, joten sinun on asennettava Babel- laajennus, jotta se toimisi.

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

Vie APK suoritettavaksi laitteessa

Seuraavien komentojen avulla sinulla on ja allekirjoittamaton apk, jotta voit asentaa ja jakaa kollegojesi kanssa testausta varten. Muista vain, että tämä apk ei ole valmis lataamaan App Storeen tai tuotantoon. Löydät tuoreen apksi android/app/build/outputs/apk/app-debug.apk.

1. Paketin virheenkorjaus

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. Luo virheenkorjausrakenne

cd android ./gradlew assembleDebug

Lisää resursseja React Native:

  • Kuinka rakentaa mobiilisovelluksia React Native -sovelluksella
  • React Native: n toiminnalliset ja luokan komponentit
  • Kuinka testata React Native -sovelluksia Jestin ja Entsyymin avulla