Flutter in Toast Message and GestureDetector..

Kadriye Çakmak
Flutter Students Club
3 min readMar 27, 2022

Herkese Yeniden Merhaba 🖤

Hani linklere her tıkladığımızda, tıklanma durumunda, active durumundayken ya da tıklandıktan sonra farklı renkleri olduğunu görürüz ya, bugün de biraz uygulamalarımızda butonlara dokunduğumuzda, çift tıkladığımızda, uzun bastığımızda farklı event’lar olması için neler yapabileceğimizden bahsedeceğim.

Açıkçası ben bazen gözümün önünde duranı görmem, ya da müşterilerimize sistemi anlatırken sağ tarafta görebilirsiniz dediğimde asla göremedikleri oluyor.😬 Böyle durumlar için olması gereken her durumda, yukarıdan, sağdan, soldan, aşağıdan, transparan, farklı renklerle ve uyarılarla kullanıcının yaptığı/yapacağı işlemi daha rahat anlamasına ve farketmesine Toast Message ya da Gesturedetector ‘den yardım alarak oldukça kolay bir şekilde yapabiliriz :)) Başka yöntemler ya da widgetlar yok mu derseniz, elbette var fakat bugün konumuz bu:)

Hazırsanız başlayalımm🚀🚀

Öncelikle Motion Toast Message den başlayabiliriz.⚡︎⚡︎⚡︎

Yukarıda gördüğünüz gibi main.dart dosyamıza gerekleri import kodlarını eklemeliyiz.

Daha sonra pubspec.yaml dosyamıza motion_toast tanımlamasını mutlakaya yapmamız gerek.

Bu şekilde başlangıcımızı yapıyoruz arkadaşlar.🌸

SuccessResult

Örneğin burada başarılı sonuç aldığımız sonuç için operasyonlar yazılmıştır.

Benim en sevdiğim mesaj Correct✅ olanı :)

Aşağıda bir çok durum için sonuçları görebilirsiniz.⚡ 👩‍💻

Evet arkadaşlar şimdii, dokunmanın gücü adına deyip, GestureDetector widget’ına geçiyorum 👆

Öncelikle main.dart dosyamıza aşağıda ki gibi gerekli importları ekleyelim;

Sonrasında yine main.dart dosyamızda standart statelessWidget’imızı oluşturuyoruz.

Sonrasında ben lib klasörü altında view adlı bir klasör oluşturup, home.dart içine aşağıda ki kodları yazdım.

Kaynak kodlarını yazımın sonunda paylaşacağım, şimdi sonuca bakalım 🔥

Bu şekilde, uzun basıldığında, çift tıklandığında gibi farklı durumlarda farklı renkler verebiliriz.

Eğer bu yazıyı faydalı bulursanız, alkışlamayı unutmayınızz 👏

Eleştiri, öneri ve sorularınız için Cakmakkadriye45@gmail adresine mail atabilirsiniz:)

Bir sonraki yazımızda görüşmek üzere 🙋🏻‍♀️

🖤🖤🖤

--

--