Qurilmada sinash
Ilovangizni haqiqiy telefonda bosib o'tishdan yaxshiroq hech narsa yo'q. Web ko'rinish tezkor nazar uchun ajoyib, lekin qurilma ko'rinishi haqiqatdir — haqiqiy shriftlar, haqiqiy imo-ishoralar, haqiqiy ishlash. AppX buni bir QR skanerlash masofasiga qo'yadi.
Expo Go'ni o'rnating
Expo Go — AppX ko'rinishingizni telefoningizda ishga tushiradigan bepul ilova:
- iOS — App Store
- Android — Google Play
AppX Expo SDK 54 asosida quriladi, shuning uchun Expo Go'ning so'nggi versiyasidan foydalaning.
Birinchi marta ulanish
- Loyihangizni AppX'da oching.
- Ilova tayyor bo'lishini kuting (ish maydonidagi holat ko'rsatkichi).
- Ko'rinish panelidagi QR kodni skanerlang:
- iOS — Expo Go'ni oching, Scan QR Code'ni bosing.
- Android — Expo Go'ni oching, skanerlash belgisini bosing.
Ilova to'planadi va yuklanadi — birinchi yuklanish JavaScript to'plamini yuklab olayotganda bir necha soniya oladi. Shundan so'ng, u bir lahzalik.
Fast Refresh bilan ulangan qolish
Ulanganingizdan so'ng, telefoningiz loyihangizga bog'langan qoladi. AppX'da qo'llagan har bir tahriringiz Fast Refresh orqali qurilmangizga avtomatik yuboriladi — qayta skanerlash yo'q.
Fast Refresh navigatsiya holatingizni saqlab qoladi, shuning uchun o'zgarish yetib kelganda ilovada chuqurda bo'lsangiz, aynan qaerda bo'lgan bo'lsangiz, o'sha yerda qolasiz.
Agar o'zgarish ko'rinmasa, Expo Go developer menyusini ochish uchun telefoningizni silkiting va Reload'ni bosing.
Bir vaqtning o'zida bir nechta telefonda sinash
iOS va Android'ni birgalikda sinash — yoki mijoz uchun jonli demo o'tkazish uchun xuddi shu QR kodni bir nechta qurilmadan skanerlang. Ulangan har bir telefon bir vaqtda yangilanadi.
Expo Go developer menyusi
Uni ochish uchun telefoningizni Expo Go'da silkiting:
| Variant | Foydalanish |
|---|---|
| Reload | Butun ilova to'plamini qayta yuklash |
| Toggle Inspector | Uslublarini tekshirish uchun istalgan elementni bosing |
| Toggle Performance Monitor | FPS va xotira qatlami |
| Disable Fast Refresh | Qayta yuklashga xos muammolarni disk raskadrovka qilishda foydali |
iOS va Android: nimaga e'tibor berish kerak
React Native ilovalari platformalar bo'ylab biroz boshqacha ko'rinishi va xatti-harakat qilishi mumkin. Keng tarqalgan joylar:
Joylashuv — status-paneli balandligi va xavfsiz hududlar farq qiladi. AppX ekranlarni SafeAreaView bilan o'raydi, shunda tarkib notch va home ko'rsatkichidan o'tadi.
Navigatsiya — Android'da apparat/imo-ishora orqaga tugmasi bor; iOS surish-orqaga'dan foydalanadi. Yaratilgan navigatsiya ikkalasini ham hal qiladi.
Tipografiya — iOS standart sifatida San Francisco'ni, Android esa Roboto'ni ishlatadi. AppX ilovalari izchil ko'rinish uchun expo-font orqali maxsus shriftlardan foydalanadi.
Soyalar — iOS soya xususiyatlaridan foydalanadi, Android elevation'dan foydalanadi. Soya so'rang va AppX ikkalasini ham qo'shadi.
Agar biror narsa faqat bitta platformada noto'g'ri ko'rinsa, uni chatda tasvirlang va sun'iy intellekt platformaga xos muammoni tuzatadi.
Muammolarni bartaraf etish
Yuklashda "Something went wrong"
- Odatda JavaScript xatosi. AppX ko'pincha uni chatda yuzaga chiqaradi.
- Ekrandagi xabarni o'qing — u fayl va qatorni nomlaydi.
- Uni chatga joylashtiring: "Home 'cannot read property of undefined' xatosini 42-qatorda ko'rsatadi — uni tuzating."
QR skanerlanadi, lekin ilova yuklanmaydi
- Ilova ishlayotganini tasdiqlang (AppX'dagi holat ko'rsatkichi).
- Agar u uxlab qolgan bo'lsa, uyg'onish uchun bir necha soniya bering, so'ngra qayta urinib ko'ring.
- Qo'lda yo'ldan foydalaning: QR kod yonidagi Copy Link'ni bosing, so'ngra URL'ni Expo Go'ga joylashtiring.
Web ko'rinishidan farqli ko'rinadi
- Kutilgan — web ko'rinish taxminiy va qurilma haqiqatdir. Agar qurilmada biror narsa noto'g'ri bo'lsa, uni chatda tasvirlang.
"SDK version mismatch"
- Expo Go'ngiz eskirgan. Uni App Store / Google Play'dan yangilang.
iOS'da ishlaydi, Android'da buziladi (yoki aksincha)
- Tafsilotlarni chatda ulashing va AppX platformaga xos sababni aniqlaydi:
"Profile ekranini ochganimda Android'da buziladi — iOS'da ishlaydi.
Xatolik shunday deydi: ..."
Sekin animatsiyalar yoki sekin aylantirish
- Ko'pincha og'ir ro'yxat yoki aylantirish ishlovchisi. Nima sekin ekanligini chatda tasvirlang va ishlash bo'yicha tekshiruv so'rang.
Telefoningiz yo'qmi?
- Web ko'rinish — taxminiy, lekin tezkor joylashuv tekshiruvlari uchun yetarli.
- iOS Simulator / Android Emulator — loyihangizni ZIP sifatida eksport qiling (pullik tariflar) va
npx expo start'ni mahalliy ishga tushiring. Nashr qilishdan oldin haqiqiy apparat hali ham so'nggi so'zdir.