תגובה טבעית - פקודות בסיסיות מוסברות בדוגמאות

כאן תמצא רשימה של פקודות בסיסיות להתחיל בפיתוח אפליקציות iOS ו- Android באמצעות React Native. אם עדיין לא מותקן בו, מומלץ מאוד לעקוב אחר המדריך הרשמי.

פתיחת פרויקט חדש

ישנן דרכים שונות בהן אתה יכול לאתחל יישום מקומי להגיב. אתה יכול להשתמש ב- Expo או create-react-native-app(שמשתמש בתורו ב- Expo-Cli) כדי להתחיל את הפרויקט החדש שלך, אך בשיטה זו אתה שולט יותר במה שקורה בפרויקט שלך ויכול לתקשר, לצבוט ולכתוב מודולים משלך עם ספריות מקוריות עבור iOS. ופלטפורמת סלולר אנדרואיד.

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

הפעל אפליקציה באמולטור Android

פקודה זו מסבירה את עצמה וכפי שהיא אומרת היא תפעיל את אמולטור האנדרואיד ותתקין את האפליקציה שיצרת זה עתה. אתה צריך להיות בשורש הפרויקט כדי להפעיל פקודה זו.

react-native run-android

הפעל אפליקציה באמולטור iOS

פקודה זו עושה בדיוק אותו דבר, react-native run-androidאך במקום אמולטור אנדרואיד, היא פותחת את סימולטור האייפון.

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 זה לא מוכן להעלאה לחנות האפליקציות או לייצור. תוכלו למצוא את ה- 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. צור build debug

cd android ./gradlew assembleDebug

משאבים נוספים ב- React Native:

  • כיצד לבנות אפליקציות לנייד עם React Native
  • רכיבים פונקציונליים לעומת כיתתיים בתגובה
  • כיצד לבדוק תגובות אפליקציות מקומיות עם ג'סט ואנזים