Özet - Flutter iç yapı

Üç ağacı birleştirerek bir widget'ın yaşamını izlersin.

Özet - Flutter iç yapı

Bir widget oluşturulduğunda üç ağaç birlikte çalışır: widget_tree tanımı taşır, Element widget'ı render'a bağlar, RenderObject layout ve paint yapar. Widget rebuild edilince Element güncellenir, RenderObject yalnızca gerektiğinde yenilenir.

// Widget → Element → RenderObject
MaterialApp → _RawViewElement → RenderView
  Scaffold → _ScaffoldElement → RenderFlex
    Text → _TextElement → RenderParagraph

Uygulama Üç ağacı yazdır

main içinde üç ayrı print ile sırayla 'widget_tree', 'Element', 'RenderObject' yazdır.

Örnek çözümü göster

void main() {
  print('widget_tree');
  print('Element');
  print('RenderObject');
}

Kendini test et

Bir widget rebuild edilince ne olur?
- Tüm ağaçlar sıfırdan oluşturulur
- Sadece RenderObject güncellenir
- Element güncellenir, RenderObject yalnızca gerektiğinde yenilenir
- Uygulama yeniden başlatılır
Cevabı göster

Element güncellenir, RenderObject yalnızca gerektiğinde yenilenir — Widget rebuild edilince yeni widget nesnesi eski Element ile karşılaştırılır ve Element update edilir; RenderObject yalnızca layout veya paint değiştiğinde yenilenir.

Üç ağacın sırası

final trees = ['widget_tree', '____', 'RenderObject'];

Cevabı göster

final trees = ['widget_tree', 'Element', 'RenderObject'];

Üç ağaç eşleşmeleri

widget_tree

Widget tanımı taşır
Element

Widget ve render arasında
RenderObject

Layout/paint nesnesi
rebuild

State değişince tetiklenir

Sıradaki ders: Profile mode

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler