Flutter uchun Yangi boshlanuvchilar

Tushunish o'rnatilgan tartib vidjetlar

Biroz vidjetlar tuyuladi emas uchun paydo bo'ladi yoqilgan ekran uchun the foydalanuvchi, lekin agar ular bor ichida the vidjet daraxt, ular qandaydir tarzda u erda bo'lib, bolalar vidjetining ko'rinishiga ta'sir qiladi (masalan, uning joylashuvi yoki uslubi kabi).
Tugmani ekranning pastki burchagiga joylashtirish uchun, masalan, biz joylashuvni belgilashimiz mumkin bog'liq bo'lgan the ekran, lekin xohlaganingizcha bor e'tibor bergan, tugmalar va boshqa vidjetlarda Position mavjud emas mulk. Shunday qilib, siz o'zingizdan so'rashingiz mumkin: " Vidjetlar qanday tashkil etilgan? yoqilgan the ekran? " The javob bering hisoblanadi vidjetlar yana. Bu to'g'ri! Flutter beradi joylashuv, o'lcham, uslub va boshqalar bilan tartibni o'zi yaratish uchun vidjetlar .

Konteynerlar

Koʻrsatilmoqda a yolg'iz vidjet ekranda hisoblanadi emas a yaxshi yo'l uchun tashkil qilish a UI. Biz bo'ladi odatda yotish ro'yxati vidjetlar bor a da tashkil etilgan maxsus usul; uchun shunday qil, foydalanamiz idish vidjetlar.
Flutter-dagi eng keng tarqalgan konteynerlar qatordir va Ustun vidjetlar. Ularning farzandlari bor mulk bu kutadi a ro'yxati ning vidjetlar uchun ko'rsatish ichida biroz yo'nalishi (bu bu, Qator uchun gorizontal ro'yxat yoki Ustun uchun vertikal ro'yxat ).
Boshqa keng ishlatilgan vidjet hisoblanadi the Stak vidjet, qaysi tashkil qiladi bolalar ichida qatlamlar, bunda bir bola boshqa bolani qisman yoki to'liq qoplashi mumkin.
Agar siz ilgari qandaydir mobil ilovani ishlab chiqqan bo'lsangiz, ro'yxatlar va to'rlardan allaqachon foydalangan bo'lishingiz mumkin. Flutter ikkalasi uchun sinflarni taqdim etadi: ya'ni ListView va GridView vidjetlar. Shuningdek, boshqa Kamroq tipik lekin shunga qaramay muhim idish vidjetlar mavjud, masalan, Jadval , masalan, bolalarni jadval shaklida tashkil qiladi.

Styling va joylashishni aniqlash

Stack kabi konteynerda bola vidjetini joylashtirish vazifasi vidjet, masalan bajarildi tomonidan foydalanish boshqa vidjetlar. Flutter beradi vidjetlar uchun juda xos vazifalar. Markazlash konteyner ichidagi vidjet uni Markazga o'rash orqali amalga oshiriladi vidjet. Bola vidjetini ota-onaga nisbatan tekislash Align yordamida amalga oshirilishi mumkin vidjet, bu yerda siz uning hizalanishi orqali kerakli joyni belgilaysiz mulk. Yana bir foydali vidjet - Padding , bu bizga berilgan bolaning atrofida bo'sh joyni belgilash imkonini beradi. Ushbu vidjetlarning funksiyalari Konteynerda jamlangan vidjet, bu umumiy joylashishni aniqlash va uslublash vidjetlarini birlashtirib, ularni to‘g‘ridan-to‘g‘ri bolaga qo‘llash orqali kodni ancha toza va qisqaroq qiladi.