Flutter’da Snack Bar ile Kullanıcı Geri Bildirimleri Nasıl Yönetilir?

Bu yazı dil eğitimi üzerine pratik yapmaya olanak sağlayan projemde kullandığım kütüphaneler ve oluşturduğum yapıları yayınladığım bir seriden bir parçadır. Bu yazıda, Flutter uygulamalarında kullanıcı geri bildirimlerini yönetmek için yaygın olarak kullanılan bir bileşen olan “Snack Bar”ı inceleyeceğiz. Snack Bar’lar, kullanıcılara hızlı ve açık şekilde bilgi vermek veya işlem sonuçlarını iletmek için oldukça kullanışlıdır. Bu yazıda, Snack Bar’ları nasıl oluşturacağınızı, özelleştireceğinizi ve uygulamanızdaki farklı senaryolarda nasıl kullanabileceğinizi öğreneceksiniz. Eğer bu yazı ilginizi çekerse, diğer yazılarıma da göz atmayı unutmayın.

• Uygulamayı incelemek için: GooglePlay
• Kaynak kodlarına göz atmak için: Github
• Diğer yazılarıma göz atmak için: MediumProfile

1. Temel Snack Bar Kullanımı

Basit bir Snack Bar’ın nasıl oluşturulduğu ve görüntülendiği.

void showSnackBar(BuildContext context, String message) {
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Text(message),
      duration: Duration(seconds: 2),
    ),
  );
}

2. Snack Bar Özelleştirme

• Snack Bar’ın tasarımını ve davranışını nasıl özelleştireceğiniz.

void showCustomSnackBar(BuildContext context, String message) {
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Row(
        children: [
          Icon(Icons.info),
          SizedBox(width: 10),
          Text(message),
        ],
      ),
      duration: Duration(seconds: 3),
      backgroundColor: Colors.green,
      action: SnackBarAction(
        label: 'Kapat',
        onPressed: () {
          // Snack Bar'ı kapatma işlemi
        },
      ),
    ),
  );
}

3. Snack Bar’ları Farklı Senaryolarda Kullanma

• Snack Bar’ların kullanıcı girişi, işlem başarısı veya hata durumlarında nasıl kullanılabileceği.

void _handleLoginButtonPressed(BuildContext context) async {
  // Diğer kodlar...
  
  if (email.isEmpty || password.isEmpty) {
    showSnackBar(context, "Email ve şifre alanları boş bırakılamaz.");
    return;
  }

  // API isteği için login metodunu çağır
  dynamic response = await ApiCenter.loginService(email, password);

  if (response.success == true) {
    // Başarılı cevap alındı, işlemleri burada yapabilirsiniz.
    showSnackBar(context, "Giriş başarılı.");
    Navigator.pushReplacement(
      context,
      MaterialPageRoute(builder: (context) => BottomBarPage()),
    );
  } else {
    // API isteğinde hata oluştu veya giriş başarısız oldu,
    showSnackBar(context, "İşlem başarısız.");
  }
}

Bu yazıda, Flutter uygulamalarında Snack Bar kullanımının temellerini öğrendik. Kullanıcı geri bildirimlerini yönetmek ve uygulamanızdaki önemli olayları kullanıcılara bildirmek için Snack Bar’ları kullanabilirsiniz. Snack Bar’ları özelleştirmek ve farklı senaryolarda kullanmak, uygulamanızın kullanıcı deneyimini geliştirmenize yardımcı olabilir.