Artır butonu

FloatingActionButton ile sayacı artıran callback yazarsın.

Artır butonu

Sayacı artırmak için Scaffold'ın floatingActionButton parametresine bir FloatingActionButton verilir. Butonun onPressed callback'inde setState ile _sayac değişkeni 1 artırılır ve ekran yeniden çizilir.

Scaffold(
  floatingActionButton: FloatingActionButton(
    onPressed: () {
      setState(() {
        _sayac = _sayac + 1;
      });
    },
    child: Icon(Icons.add),
  ),
)

Icon ile ekle göstergesi

FloatingActionButton'ın child parametresine genellikle bir Icon verilir. Artırma işlemi için Icon(Icons.add) kullanılır. Bu, kullanıcıya butonun artırma eylemi yaptığını görsel olarak bildirir.

Uygulama Artır butonunu hazırla

artirMesaj adında bir fonksiyon yaz; çağrılınca Artir butonu hazir yazdırsın. SayacEkrani adında bir StatefulWidget yaz; State içinde bir int sayaç değişkeni tanımla (başlangıç 0). build metodunda Scaffold'a bir FloatingActionButton ekle; onPressed setState ile sayacı 1 artırsın, child artı sembolü ikonu olsun. main içinde artirMesaj'ı çağır ve runApp ile SayacEkrani'yı başlat.

Örnek çözümü göster

import 'package:flutter/material.dart';

void artirMesaj() {
  print('Artir butonu hazir');
}

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(child: Text('$_sayac')),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            setState(() {
              _sayac = _sayac + 1;
            });
          },
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

void main() {
  artirMesaj();
  runApp(const SayacEkrani());
}

Kendini test et

FloatingActionButton'ın onPressed'ında ne yapılır?
- Uygulama kapatılır
- AppBar gizlenir
- Yeni ekran açılır
- Sayac setState içinde 1 artırılır
Cevabı göster

Sayac setState içinde 1 artırılır — Artır butonunun onPressed'ında setState içinde sayacı 1 artırmak gerekir; ekran açma, uygulama kapatma veya AppBar gizleme bu amaca yönelik değildir.

setState içinde artırma

FloatingActionButton(
  onPressed: () {
    ____(() {
      _sayac = _sayac + 1;
    });
  },
  child: Icon(Icons.add),
)

Cevabı göster

FloatingActionButton(
  onPressed: () {
    setState(() {
      _sayac = _sayac + 1;
    });
  },
  child: Icon(Icons.add),
)

Artır butonu parçaları

FloatingActionButton

Yüzen artırma butonu
onPressed

Basınca çağrılan callback
setState

Ekranı yeniden çizer
Icon(Icons.add)

Artı sembolü ikonu

Sıradaki ders: Azalt butonu

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler