Özet - StatefulWidget

StatefulWidget, setState ve initState'i birleştirerek sayaç yaparsın.

StatefulWidget özeti

StatefulWidget, zamanla değişen arayüzler için kullanılır. createState bir State nesnesi üretir; bu State değişken veriyi saklar. setState, veri güncellendikten sonra build'i yeniden tetikler. initState'te kaynakları kurar, dispose'ta temizlersin. Bu dördünü birleştirerek çalışan bir sayaç yaparsın.

class Sayac extends StatefulWidget {
  const Sayac({super.key});
  @override
  State<Sayac> createState() => _SayacState();
}

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

  @override
  void initState() {
    super.initState();
    deger = 0;
  }

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

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

Uygulama Sayac sınıfını yaz ve çalıştır

Önce print('sayac hazir') yazdır, sonra runApp(MaterialApp(home: Sayac())) çağrısı yap. Sayac adında StatefulWidget'dan türeyen, createState ile _SayacState üreten bir sınıf tanımla. _SayacState, State<Sayac>'dan türeyip int deger = 0 tutsun, initState'te super.initState() çağrılsın, artir metodu setState çağırsın ve build metodu Text('$deger') döndürsün.

Örnek çözümü göster

import 'package:flutter/material.dart';

void main() {
  print('sayac hazir');
  runApp(MaterialApp(home: Sayac()));
}

class Sayac extends StatefulWidget {
  const Sayac({super.key});
  @override
  State<Sayac> createState() => _SayacState();
}

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

  @override
  void initState() {
    super.initState();
  }

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

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

Kendini test et

Bir sayaç widget'ı için hangi widget türü kullanılır?
- InheritedWidget
- Builder widget
- StatelessWidget
- StatefulWidget
Cevabı göster

StatefulWidget — Sayaç zamanla değişen veri içerdiğinden StatefulWidget ile yazılır; StatelessWidget state tutamaz.

Stateful sınıf tanımı

class Sayac extends ____ {
  const Sayac({super.key});
  @override
  State&lt;Sayac&gt; createState() =&gt; _SayacState();
}

Cevabı göster

class Sayac extends StatefulWidget {
  const Sayac({super.key});
  @override
  State&lt;Sayac&gt; createState() =&gt; _SayacState();
}

StatefulWidget birleşimi

Sayaç

StatefulWidget ile yazılır
artir metodu

setState çağırır
deger alanı

State içinde saklanır
initState/dispose

Yaşam döngüsü çifti

Sıradaki ders: Text widget'ı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler