Flutter da AppBar :) bildiğimiz Header işte :)
Herkese merhaba :)
Evet yeniden Flutter, uzun bir aradan sonra :/
İlk çıktığı zamanlar çok yakından takip ediyorken pandemi sonrası uzaklaştığım yerden devam edelim :D
Öncesinde flutter nedir ne değildir den başlayacak olursak makale uzayacak :)
Scaffold u anlamak lazım tabii ki -> buradan buyrun
AppBar, yani uygulamalarımızın sabit headerı.
En basit haliyle title da uygulamalarımızın adını içerebilir. Text ile beraber logo da olsa güzel olur tabii ki :)
AppBar Class’ını sizde benim gibi
https://api.flutter.dev/flutter/material/AppBar-class.html buradan detaylı bir şekilde inceleyebilirsiniz.
Peki bu AppBar da neler var neler yok :)
Ayarlar dediğimiz hamburger menüler olabilir ya da sağdan sola soldan sağa açılan drawer ikoncanı :) daha çeşitli ikonlar, sayfa yön butonları en önemlisi de anasayfa ikonu olabilir.
Tabii web ekosisteminden uzaklaşıp responsive tasarım ile kullanıma uygun bir kısmı footer tarafına (bottom navigation a) işlev sağlayabilir.
Uygulama tasarlarken oluşturulması gereken UI / UX da en uygun şekilde, kullanımı kolay amaca yönelik ve ihtiyacı fazlasıyla karşılayabilecek User Friendly olacak şekilde ilerlemek gerekir.
Yukarıdaki resimde leading bölümü bahsettiğim drawer kısmı statik olarak bu şekildedir.
Sonra title kısmı logo ve / ya uygulama adı gibi,
Actions ise diğerleri :)
Ayrıca materyal tasarım 2 ile 3 arasındaki farkları ve tüm tasarım öğelerini de material.io üzerinden incelemenizi tavsiye ederim.
Şimdilik kısaca bu kadar :)
Çok basit ve oldukça zevkli olduğunu düşünüyorum.
Nasıl bu makaleye başlarken bitmeyecek gibi uzatırmıyım derken bunun daha nicelerini tasarım kısmında yapıp dur durak bilmeyebiliyoruz :)
Keyifli okumalar olsun, kendine de özgün olsun :))
Sonraki yazılarda görüşmek dileğiyle…
