React Native - Βασικές εντολές που εξηγούνται με παραδείγματα

Εδώ θα βρείτε μια λίστα βασικών εντολών για να ξεκινήσετε την ανάπτυξη εφαρμογών iOS και Android χρησιμοποιώντας το React Native. Εάν δεν το έχετε εγκαταστήσει ακόμη, συνιστάται ιδιαίτερα να ακολουθήσετε τον επίσημο οδηγό.

Ξεκινώντας ένα νέο έργο

Υπάρχουν διαφορετικοί τρόποι με τους οποίους μπορείτε να κάνετε bootstrap μια εφαρμογή εγγενών αντιδράσεων. Μπορείτε να χρησιμοποιήσετε το Expo ή create-react-native-app(το οποίο με τη σειρά του χρησιμοποιεί το Expo-Cli) για να ξεκινήσετε το νέο σας έργο, αλλά με αυτήν τη μέθοδο έχετε τον μεγαλύτερο έλεγχο του τι συμβαίνει στο projecto σας και μπορείτε να επικοινωνείτε, να τροποποιείτε και να γράφετε τις δικές σας ενότητες με εγγενείς βιβλιοθήκες για 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