Widget tree

Widget ağacının nasıl oluştuğunu ve güncellendiğini öğrenirsin.

Widget tree

widget_tree, Flutter'da widget'ların iç içe dizilimiyle oluşan soyut ağaçtır. Her widget immutable'dır, yani değiştirilemez; state değişince yeni bir widget nesnesi oluşturulur ve ağaç rebuild edilir.

MaterialApp(
  home: Scaffold(
    body: Center(
      child: Text('Merhaba'),
    ),
  ),
)

Rebuild süreci

rebuild, build metodunun yeniden çağrılmasıdır. State değiştiğinde ilgili widget ve alt widget'ları build ile yeniden oluşturulur. Her rebuild yeni widget nesneleri üretir ama eski Element ağacı korunarak verimli güncelleme yapılır.

Uygulama Widget ağacı oluştur

main içinde bir MaterialApp widget'ı oluştur: home Scaffold, body Center, child Text('Merhaba'). Widget'ın runtimeType'ını yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';

void main() {
  final widget = MaterialApp(
    home: Scaffold(
      body: Center(
        child: const Text('Merhaba'),
      ),
    ),
  );
  print(widget.runtimeType);
}

Kendini test et

Bir widget'ın state'i değiştiğinde ne olur?
- Uygulama çöker
- Hiçbir şey olmaz
- Yeni bir widget nesnesi oluşturulur ve ağaç rebuild edilir
- Widget nesnesi değiştirilir
Cevabı göster

Yeni bir widget nesnesi oluşturulur ve ağaç rebuild edilir — Widget'lar immutable olduğu için state değiştiğinde widget nesnesi güncellenemez; yenisi oluşturulur ve build metodu yeniden çağrılır.

Widget ağacına Center ekle

MaterialApp(
  home: Scaffold(
    body: ____(child: Text('Merhaba')),
  ),
)

Cevabı göster

MaterialApp(
  home: Scaffold(
    body: Center(child: Text('Merhaba')),
  ),
)

Widget tree eşleşmeleri

widget_tree

Widget iç içe dizilimi
immutable

Değiştirilemez
rebuild

build'i yeniden çağırır
build

Widget döndürür

Sıradaki ders: Element tree

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler