State ve sayaç

StatefulWidget ile sayaç değişkenini tanımlarsın.

State ve sayaç değişkeni

Sayacın değerini tutmak için bir StatefulWidget kullanırsın. State sınıfında int _sayac = 0; gibi bir değişken tanımlarsın. Bu değişken State'e özeldir ve setState ile değiştirildiğinde ekran yeniden çizilir.

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

  @override
  State<SayacEkrani> createState() => _SayacEkraniState();
}

class _SayacEkraniState extends State<SayacEkrani> {
  int _sayac = 0;
}

setState ile güncelleme

Sayaç değişkenini değiştirmek için setState çağrılır. setState, içindeki kodu çalıştırır ve widget'ı yeniden çizer. Bu sayede Text('$_sayac') gibi widget'lar güncel değeri gösterir.

setState(() {
  _sayac = _sayac + 1;
});

Uygulama Sayacı artır ve yazdır

SayacEkrani adında bir StatefulWidget yaz; State içinde bir int sayaç değişkeni tanımla (başlangıç 0). artir adında bir fonksiyon yaz; setState içinde sayacı 1 artırsın ve sayacın değerini yazdırsın. main içinde bir State örneği oluştur ve artir'ı çağır.

Örnek çözümü göster

import 'package:flutter/material.dart';

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

  @override
  State<SayacEkrani> createState() => _SayacEkraniState();
}

class _SayacEkraniState extends State<SayacEkrani> {
  int _sayac = 0;

  void artir() {
    setState(() {
      _sayac = _sayac + 1;
    });
    print(_sayac);
  }
}

void main() {
  final state = _SayacEkraniState();
  state.artir();
}

Kendini test et

Sayacın değerini tutan değişken hangi türde tanımlanır?
- bool
- int
- double
- String
Cevabı göster

int — Sayacın değeri tam sayı olduğu için int türünde tutulur; String, bool veya double bu amaca yönelik değildir.

Sayaç değişkeninin türünü ekle

class _SayacEkraniState extends State<SayacEkrani> {
  ____ _sayac = 0;
}

Cevabı göster

class _SayacEkraniState extends State<SayacEkrani> {
  int _sayac = 0;
}

State ve sayaç parçaları

StatefulWidget

Durum tutan widget türü
int

Sayacın türü
setState

Ekranı yeniden çizer
_sayac

State içindeki sayaç değişkeni

Sıradaki ders: Artır butonu

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler