En Yeni Konular

Flutter : Snackbar ve FlushBar Kullanımı

Flutter SnackBar

Kullanıcıya basit ve kolay bir şekilde bilgi vererek bazı basit actionlar’da ekleyebileceğimiz SnackBar‘ın kullanımı.

Flutter Default Snackbar

En basit kullanımına bakalım

Yukarıdaki şekilde Kullandığımız zaman “Scaffold.of() called with a context that does not contain a Scaffold.” gibi bir hata alırız. Bu hatayı almamak için widget ağacımızın en az bir aşşasında kullanmalıyız.

Flutter Varsayılan Snackbar

Veya alternatif olarak Scaffold’a key atayarak Kullanımı

Buton’a tıklanınca yine aynı işlevi görücek

Görüldüğü gibi varsayılan Snackbar da pek fazla özelleştirme seçeneği yok ve çok fazla gereksiz kod yazmak gerekiyor.

Basit FlushBar

Çok fazla gereksiz kod yazmadan ve istediğimiz kadar özelleştirebileceğimiz bir kütühane olan FlushBar’a bakalım.

öncelikle pubspec.yaml dosyamıza gerekli kütüphanemizi ekliyoruz. FlushBar

ve kullanacağımız yerde import ediyoruz.

basit flushbar

Flushbar ile uyarı mesajı

Kullanıcıya uyarı mesajları, hata mesajları göstermek için özelleştirebiliriz.

İnfo FlushBar

FlushBar helper

Ufak tefek hata tipi mesajlarımız için 1-2 parametresi olan içerisinde icon ve gerekli bir kaç stili olan FlushbarHelper sınıfını kullanabiliriz.

FlushBar Helper

Diğer bir çok özellik ve dökümantasyon için : https://github.com/AndreHaueisen/flushbar#flushbar-helper 

Örneklerin Tamamı

Diğer bir çok özellik ve dökümantasyon için : https://github.com/AndreHaueisen/flushbar#flushbar-helper 

Hakkında Necip Akgöz

İLGİNİZİ ÇEKEBİLİR

Flutter : Expanded Ve Flexible

BaşlıklarFlutter SnackBarFlutter Default SnackbarBasit FlushBarFlushbar ile uyarı mesajıFlushBar helperÖrneklerin Tamamı Expanded Row, Column, Flex içerisindeki …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir