Nizomiy nomidagi toshkent davlat pedagogika universiteti magistratura bo

1.15-rasm. Thunkablening komponentlari.
Add Components palitrasi
Loyihaga qo‘shiladigan komponentlarni topish va tanlash uchun foydalaniladi (rassomning palitradagi bo‘yoqlarni tanlashiga o‘xshash).
Hozirgi vaqtda quyidagi komponentlar mavjud:

• 
  User Interface (foydalanuvchi interfeysi) - boshqaruv elementlari:
  

• 
  Button - tugma
  
• 
  Label - matn maydoni
  
• 
  TextInput - matn kiritish maydoni
  
• 
  List Viewer - bir qatordan iborat matn ro‘yxatini ko‘rsatish maydoni
  
• 
  Web Viewer - veb-ma'lumotlarni ko‘rsatish uchun maydon
  
• 
  Switch - almashtirish tugmasi
  
• 
  Slider - slayder
  
• 
  Alert - dialog
  
• 
  Canvas - sprite animatsiya yaratish uchun komponent
  
• 
  Losding icon - yuklanish jarayonini ko‘rsatish uchun jonlantirilgan belgi
  
• 
  Date Input - sanani ko‘rsatish uchun komponent
  
• 
  Time Input - vaqtni ko‘rsatish uchun komponent
  
• 
  PDF Reader - PDF-fayllarni o‘qish va ko‘rsatish uchun komponent
  

• 
  Layout (qatlam) - ekranlar va maketlar:
  

• 
  Tab Tab Navigator- yuqori yorliqlar yordamida navigatsiya uchun komponent
  
• 
  Bottom Tab Navigator - pastki yorliqlar yordamida navigatsiya uchun komponent
  
• 
  Stack Navigator - standart navigatsiya komponenti bo‘lib, unda boladan ota-ona oynasiga qaytish navigatsiya panelidagi o‘q bo‘yicha sodir bo‘ladi.
  
• 
  Drawer Navigator - ekran sarlavhalari bilan yon tortma yordamida navigatsiya
  
• 
  Screen - ekran
  
• 
  Row- elementlarning gorizontal joylashishi (qatorda)
  
• 
  Colums- elementni vertikal ravishda joylashtirish (ustun ichiga)
  

• 
  Voice (ovoz) - ovoz bilan ishlash uchun komponentlar:
  

• 
  Sound - Ovozli pleyer (mp3, wav)
  
• 
  Text To Speech - nutq sintezatori
  
• 
  Speech Recognizer - nutqni aniqlovchi
  
• 
  Assistant - xizmatining ovozli yordamchisi Dialogflow (foydalanuvchilarning ovozli savollariga javob beradi)
  
• 
  Translator - Yandex Translator
  

• 
  Image (tasvir) - tasvirlar bilan ishlash uchun komponentlar:
  

• 
  Image - grafik tasvirlarni ko‘rsatish uchun komponent
  
• 
  Photo Libraty - fotogalereya yaratish uchun komponent
  
• 
  Camera - qurilma kamerasi bilan ishlash uchun komponent
  
• 
  Barcode Scanner - shtrix kodlari va QR kodlarini o‘qish uchun komponent hisoblanadi.
  
• 
  Image Recognizer - Microsoft tasvirni aniqlash xizmati bilan ishlash uchun komponent
  
• 
  Animation- Adobe After Effects dasturida json animatsiyalari bilan ishlash uchun komponent
  

• 
  Data (ma'lumotlar) - ma'lumotlar bilan ishlash uchun komponentlar:
  

• 
  Local storage - qurilmadagi ma'lumotlarni saqlash uchun mahalliy xotira
  
• 
  Local DB - jadvalga asoslangan mahalliy ma'lumotlar bazasi
  
• 
  Realtime DB - Firebase yuqori samarali bulutli saqlash
  
• 
  Spreadsheet - AirTable jadvallari bilan ishlash uchun komponent
  
• 
  Web API - GET, POST, PUT va DELETE HTTP-so‘rovlaridan foydalangan holda ma'lumotlar bilan ishlash uchun veb-xizmat
  
• 
  Media DB - CloudMan bulutli media ma'lumotlar bazasi bilan ishlash uchun
  
• 
  Smart Contacts (faqat PRO-hisob uchun) - Oasis xizmatiga aqlli shartnoma usulini chaqirish uchun komponent
  
• 
  Blockchain Wallet (faqat PRO-hisob uchun) - Oasis xizmatining hisob qaydnomasi va tranzaksiyalari bilan ishlash uchun komponent
  

• 
  Location (joylashuv) - xarita bilan ishlash
  
  • 
    Map - Google xaritasi bilan ishlash uchun komponent
    
  • 
    Location sensor - joylashuv sensori bilan ishlash uchun komponent
    
• 
  Sensors (sensorlar):
  
  • 
    Timer - taymer
    
  • 
    Accelerometr - tezlashtirish sensori
    
  • 
    Gyroscope - egilish sensori
    
  • 
    Magnetometr - magnit maydon sensori
    
  • 
    Bluetooth Low Energy - kam energiya sarflaydigan ikkita qurilmani bir-biriga simsiz ulash uchun komponent
    
• 
  Social (ijtimoiy)
  
  • 
    Share - bu Slack, Facebook, iMessage, WhatsApp va boshqalar aloqa ilovalari yordamida xabar almashish uchun komponent.
    
  • 
    Push Notification (faqat PRO-hisob uchun) - bildirishnomalar bilan ishlash
    
• 
  Authentication (autentifikatsiya)
  
  • 
    Sing In - Firebase hisob qaydnomasi bilan ishlash uchun komponent - ro‘yxatdan o‘tish, tizimga kirish, chiqish, parolni tiklash
    
• 
  Monetization (monetizatsiya) - komponentlar faqat PRO hisob qaydnomasi uchun mavjud
  
  • 
    Stripe - to‘lov tizimi bilan ishlash uchun komponent
    
  • 
    AdMob Interstitial - reklama
    
  • 
    AdMob Rewarded video - mukofotlangan video ilovasi
    
  • 
    AdMob Banner - reklama banneri
    

Ish maydoni:
Ish joyining yuqori qismida ular o‘rtasida tez almashish uchun ekran nomlari va yangi ekran yaratish uchun "+" tugmasi mavjud.
Ish maydonining asosiy qismini mobil telefon tasviri ko‘rinishidagi ish maydoni egallaydi. Ishchi maydon unda dastur interfeysining ko‘rinadigan komponentlarini tartibga solish uchun mo‘ljallangan. Vizual tasvirga ega bo‘lmagan komponentlar ish maydoni ostida piktogramma shaklida joylashadi.
Xususiyatlar paneli:
Tanlangan komponentning xususiyatlarini tahrirlash orqali uning tashqi ko‘rinishi va xatti-harakatlarini sozlash uchun mo‘ljallangan. Komponent xossalari Oddiy (asosiy) va Kengaytirilgan (kengaytirilgan) yorliqlarida joylashgan bo‘lishi mumkin. Ushbu bo‘linish foydalanuvchilarni tayyorlash darajasini hisobga olgan holda amalga oshiriladi - boshlang'ich yoki tajribali.
Komponentning nomi panelning yuqori qismida ko‘rsatilgan. Ismning o‘ng tomonida quyidagi amallarni bajarish uchun tugmalar belgilari mavjud:

• 
  qalam - komponent nomini o‘zgartirish
  
• 
  varaqlar - komponentni nusxalash (lekin tegishli bloklar emas)
  
• 
  qayta ishlash qutisi - komponentlarni olib tashlash
  

Blocks - Bloklar muharriri:
Dastur mantig'ini yaratish uchun mo‘ljallangan.
Yorliqning chap tomonida bloklar palitrasi, o‘ng tomonida esa bloklarni bir-biri bilan birlashtirish orqali dastur mantig'ini yaratish uchun ish maydoni mavjud. Bloklar toifasi nomini bosganingizda, o‘ng tomonda ushbu toifadagi bloklar palitrasi paydo bo‘ladi.