Özet - Dialoglar

showDialog ve SnackBar'ı birleştirerek geri bildirim yaparsın.

Geri bildirim akışı

showDialog ve SnackBar'ı birleştirerek tutarlı bir geri bildirim akışı kurarsın. Kullanıcı bir aksiyon onayladığında showDialog ile soru sorar, 'Tamam' butonunda Navigator.pop(context) ile pencereyi kapatır ve hemen ardından ScaffoldMessenger.of(context).showSnackBar ile kısa bir onay mesajı gösterirsin.

showDialog(
  context: context,
  builder: (_) => AlertDialog(
    title: const Text('Silinsin mi?'),
    actions: [
      TextButton(
        onPressed: () {
          Navigator.pop(context);
          ScaffoldMessenger.of(context).showSnackBar(
            const SnackBar(content: Text('Silindi')),
          );
        },
        child: const Text('Tamam'),
      ),
    ],
  ),
);

Uygulama Onay akışını yaz

SilButon adında StatelessWidget tanımla. build bir ElevatedButton döndürsün; onPressed içinde showDialog çağrısı yapsın. builder bir AlertDialog döndürsün; title Text('Silinsin mi?') olsun ve actions içinde bir TextButton bulunsun. Butonun onPressed'ında önce Navigator.pop(context) sonra ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Silindi'))) çağrısı yapsın. main içinde 'hazir' yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';

class SilButon extends StatelessWidget {
  const SilButon({super.key});

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        showDialog(
          context: context,
          builder: (_) => AlertDialog(
            title: const Text('Silinsin mi?'),
            actions: [
              TextButton(
                onPressed: () {
                  Navigator.pop(context);
                  ScaffoldMessenger.of(context).showSnackBar(
                    const SnackBar(content: Text('Silindi')),
                  );
                },
                child: const Text('Tamam'),
              ),
            ],
          ),
        );
      },
      child: const Text('Sil'),
    );
  }
}

void main() {
  print('hazir');
}

Kendini test et

Geri bildirim akışında 'Tamam' butonuna basıldığında hangi sıra izlenir?
- showDialog → Navigator.pop → showSnackBar
- Navigator.pop → showSnackBar
- showSnackBar → showDialog → Navigator.pop
- Navigator.pop → showDialog → showSnackBar
Cevabı göster

Navigator.pop → showSnackBar — Akışta önce Navigator.pop ile pencere kapatılır, sonra ScaffoldMessenger.showSnackBar ile onay mesajı gösterilir. showDialog pencere açma fonksiyonudur, akışın ortasında tekrar çağrılmaz.

Pencereyi kapat

TextButton(
  onPressed: () {
    ____(context);
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text('Silindi')),
    );
  },
  child: const Text('Tamam'),
)

Cevabı göster

TextButton(
  onPressed: () {
    Navigator.pop(context);
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text('Silindi')),
    );
  },
  child: const Text('Tamam'),
)

Özet parçaları

showDialog

pencere açma
AlertDialog

içerik widget'ı
Navigator.pop

pencere kapatma
ScaffoldMessenger.showSnackBar

onay mesajı

Sıradaki ders: Meydan okuma 1

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler