Foydalanuvchi interfeysining komponentlar daraxti tushunchasini tushuntiring.

Foydalanuvchi interfeysi komponentlari daraxti, har bir tugun alohida UI-komponentini (vidjet) ifodalaydigan ierarxik tuzilishga ega. Flutterda butun interfeys bunday komponentlardan tashkil topgan bo‘lib, ular ichiga joylashtirilgan komponentlarni o‘z ichiga olishi mumkin.

Har bir komponent o‘z ekran qismini chizish uchun javobgardir va holatga ega bo‘lishi mumkin. Holat yoki ma’lumotlar o‘zgarganda, Flutter vidjetlar daraxtini yoki uning bir qismini qayta yaratadi va shunday qilib UI-ni yangilaydi.

Misol:

• Asosiy komponent — Scaffold
  • Scaffold ichida — AppBar va Body
    • Body ichida — Column
      • Columnda — bir nechta Text va Button

Bu daraxt interfeysni samarali boshqarish, faqat o‘zgargan qismlarni yangilash va oddiy komponentlardan murakkab UI yaratish imkonini beradi.