Asosiy kontentga o'tish

Kod muharriri

AppX haqiqiy, o'qib ko'rish mumkin bo'lgan Expo + React Native kodini yaratadi — qulflangan vizual quruvchining eksporti emas. Ichki muharrir istalgan faylni to'g'ridan-to'g'ri brauzerda o'qish va tahrirlash imkonini beradi.

Muharrirni ochish​

Loyihaning yon panelidagi Kod bo'limini oching. Siz quyidagilarni ko'rasiz:

  • Loyihangizdagi barcha fayllar joylashgan fayl daraxti.
  • Tanlangan faylni ko'rsatadigan muharrir.

Fayl qo'shish, nomini o'zgartirish yoki o'chirish uchun chatda so'rang.

Loyiha qanday tuzilgan​

AppX ilovalari Expo Router loyihalari sifatida quriladi, shuning uchun navigatsiya fayl tuzilmasidan kelib chiqadi. Odatiy tuzilma:

app/
  (tabs)/
    _layout.tsx       ← Tablar navigatsiyasi
    index.tsx         ← Birinchi tab (odatda Home)
  _layout.tsx         ← Asosiy layout
  +not-found.tsx      ← Noma'lum yo'l uchun ko'rsatiladi
components/           ← Qayta ishlatiladigan komponentlar
constants/
  colors.ts           ← Ranglar palitrasi
  theme.ts            ← Shriftlar, oraliqlar, burchak radiuslari, soyalar
hooks/                ← Umumiy mantiq

Aniq tuzilma AppX ilovangiz uchun nima qurganiga bog'liq.

Fayllarni tahrirlash​

Istalgan faylni oching, o'zgarish kiriting va Cmd+S (Mac) yoki Ctrl+S (Windows/Linux) bilan saqlang.

Bemalol tahrirlash mumkin​

  • Komponent mantig'i va JSX
  • Uslub qiymatlari — ranglar, o'lchamlar, oraliqlar
  • Matnlar
  • Hook va yordamchi funksiyalardagi biznes mantiq

Ehtiyotkorlik bilan tahrirlang​

  • Import yo'llari — ularni o'zgartirish yig'ishni buzishi mumkin.
  • Komponent nomlari — bir joyda o'zgartirsangiz, barcha importlarni yangilang.
  • Ekran fayl nomlari — Expo Router yo'llarni fayl nomlaridan quradi, shuning uchun fayl nomini o'zgartirish uning yo'lini o'zgartiradi.

Muharrir imkoniyatlari​

  • TypeScript, JSX, JSON va boshqa formatlar uchun sintaksisni ajratib ko'rsatish
  • Yozish davomida avtomatik to'ldirish
  • Sintaksis xatolarini qatorning o'zida tagiga chizish
  • Qidirish va almashtirish — Cmd+F / Ctrl+F
  • Bir nechta kursor (Alt+bosish) va kodni yig'ish

Uslublar​

AppX har bir komponentni StyleSheet.create bilan bezaydi va ikonkalar uchun lucide-react-native dan foydalanadi. Odatiy uslub bloki:

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ffffff',
    padding: 16,
  },
  title: {
    fontSize: 24,
    fontWeight: '700',
    color: '#111827',
  },
});

Rang yoki o'lchamni o'zgartirish uchun StyleSheet ni toping va qiymatni tahrirlang.

Muharrir va chat birgalikda​

Bittasini tanlash shart emas. Odatiy ritm:

  1. Katta qadamlar uchun chat — "Qorong'i mavzu almashtirgichi bor sozlamalar ekranini qo'sh".
  2. Aniq tuzatishlar uchun muharrir — burchak radiusini o'zgartirish, rangni to'g'rilash.
  3. AI yordami kerak bo'lganda yana chat — "Bu joylashuv kichik ekranlarda buziladi, tuzat".

Bekor qilish​

Muharrir sessiya ichida odatiy bekor qilish va qaytarishni qo'llaydi (Cmd+Z / Cmd+Shift+Z). AI tahriridan ortga qaytish uchun navbat kartasidagi Undo tugmasini bosing yoki loyiha menyusi → Versiyalar tarixi → Restore ni oching. Qarang: Chat orqali tahrirlash.

Kodingizni eksport qilish​

Kodingiz sizniki. Har bir tarifda butun loyihani ZIP holida yuklab olishingiz mumkin — yuqori paneldagi Kodni yuklab olish tugmasini, so'ngra Kodni yuklab olish (ZIP) ni bosing — va uni npx expo start bilan kompyuteringizda ishga tushirasiz. Uni versiya nazoratida saqlash uchun AppX kodini GitHub'ga joylash bo'limini o'qing.

Tegishli sahifalar​

Chat orqali tahrirlash

O'zgarishni AI kiritsin.

Kodni GitHub'ga joylash

ZIP'ni yuklab oling va o'z repozitoriyingizga yuboring.