createState ve State

createState ile State nesnesinin nasıl oluştuğunu öğrenirsin.

createState

StatefulWidget'ın createState metodu, widget ekrana yerleştirildiğinde bir State nesnesi üretir. Bu State, widget'ın yaşam boyunca değişen verisini tutar. Flutter createState'i widget her ağaca eklendiğinde bir kez çağırır; widget kaldırılıncaya kadar aynı State yaşar.

class Sayac extends StatefulWidget {
  const Sayac({super.key});

  @override
  State<Sayac> createState() => _SayacState();
}

class _SayacState extends State<Sayac> {
  int deger = 0;

  @override
  Widget build(BuildContext context) {
    return Text('$deger');
  }
}

State ve setState

State sınıfı, widget'ın değişken verisini ve build metodunu barındırır. Veriyi değiştirmek için setState çağrılır; setState, State'i dirty olarak işaretler ve Flutter'ın build'i yeniden çağırmasını sağlar. setState kullanmadan değişken güncellersen ekran yenilenmez.

class _SayacState extends State<Sayac> {
  int deger = 0;

  void artir() {
    setState(() {
      deger = deger + 1;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Text('$deger');
  }
}

Uygulama createState bilgisini yazdır

main içinde iki satırı print ile yazdır: createState uretir ve state yasar.

Örnek çözümü göster

void main() {
  print('createState uretir');
  print('state yasar');
}

Kendini test et

createState ne zaman çağrılır?
- Widget ağaca ilk eklendiğinde bir kez
- Widget her yeniden inşa edildiğinde
- setState her çağrıldığında
- Uygulama kapandığında
Cevabı göster

Widget ağaca ilk eklendiğinde bir kez — createState, widget ağaca ilk eklendiğinde bir kez çağrılır ve State nesnesini üretir; her build'de tekrarlanmaz.

createState metodu

@override
State&lt;Sayac&gt; ____() =&gt; _SayacState();

Cevabı göster

@override
State&lt;Sayac&gt; createState() =&gt; _SayacState();

createState ve State

createState

State nesnesini üreten metot
State nesnesi

Değişken veriyi tutar
setState

State'i dirty işaretler
_SayacState

State sınıfının uygulayıcısı

Sıradaki ders: setState metodu

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler