Flutter Temalar ve Scaffold Kullanımı

Temaların Kullanımı

• Flutter, hem aydınlık (light) hem de karanlık (dark) temaları destekler.
• Tema değişimini uygulamak için Theme widget'ı ve ThemeData sınıfı kullanılır.

Uygulama Mimarisi ve Navigasyon

Scaffold Kullanımı

• Scaffold, Material Design tasarım mimarisinin temel widget'ıdır ve Flutter'da bir uygulama sayfasının temel yapı taşıdır.
• Birçok önceden tanımlanmış özellik ve widget içerir.
• Uygulama sayfaları oluşturulurken sıklıkla kullanılır.
• Uygulamanın genel görünümünü ve davranışını tanımlamak için başvurulur.
• Uygulamanın kullanıcı arayüzünü oluşturmaya ve zengin bir deneyim sunmaya yardımcı olur.
• Scaffold'un özellikleri:
  • appBar: Sayfanın üstünde yer alır ve sayfanın başlığını ve ek işlevselliğini içerir. Üst bilgi çubuğu (app bar) widget'ıdır.
  • body: Sayfanın ana içeriğini temsil eder ve genellikle ListView, Column, GridView gibi layout widget'ları yerleştirilir.
  • bottomNavigationBar: Sayfanın alt kısmında genellikle gezinme için kullanılan bir alt gezinme çubuğu widget'ıdır.
  • drawer: Sayfanın sol kenarında çekilen yan menüyü temsil eder.
  • floatingActionButton: Sayfanın alt kısmında yüzen bir butonu temsil eder.

Drawer Kullanımı

• Drawer, uygulamanın sol kenarında görüntülenen bir yan menüdür.
• Yan menülerde gezinme seçenekleri, ayarlar, hesap bilgileri ve diğer ekstra içerikler bulunur.
• Kullanıcılar, uygulamanın ana içeriğini kaplamadan yan menüyü sola doğru çekerek erişebilirler.
• Genellikle Scaffold içinde drawer özelliğiyle kullanılır ve ListView, Column gibi layout widget'ları içerebilir.
• Drawer içeriği, ListView ile bir dizi ListTile widget'ından oluşur.
• DrawerHeader, yan menünün en üst kısmında yer alır, uygulama adı veya başlığını içerir.
• ListTile'lar, yan menüdeki farklı ögeleri (ana sayfa, ayarlar vb.) temsil eder ve kullanıcılar bu ögelere tıklayarak ilgili işlemlere yönlendirilir.

FloatingActionButton Kullanımı

• Kullanıcı arayüzünde önemli ve sık kullanılan bir eylemi temsil eder.
• Genellikle ekranın alt sağ köşesinde yüzen bir buton olarak görüntülenir ve bir eylemi tetikler.

BottomAppBar Kullanımı

• Uygulama çubuğunu temsil eden ve alt kısımda yer alan bir bileşendir.
• Genellikle Scaffold içinde kullanılır ve alt kısımda çeşitli eylemleri veya navigasyon seçeneklerini barındırır.
• FloatingActionButton ile sıkça kullanılır ve genellikle alt kısımda çıkıntılı şekilde görünen bir menü çubuğu olarak tasarlanır.

BottomNavigationBar Kullanımı

• Uygulamalarda alt tarafta navigasyon için kullanılır ve farklı sayfalar ya da sekmeler arasında geçiş yapmayı sağlar.
• onTap özelliği her bir alt menü ögesine tıklandığında çağrılan bir fonksiyonu belirtir.
• currentIndex, şuan ki sayfa indeksini tutar ve setState kullanılarak güncellenir.

BottomSheet Kullanımı

• Ekranın alt kısmını kaplayan, kullanıcıya ek seçenekler sunmak için kullanılan bir widget'tır.
• ElevatedButton üzerine tıklandığında showModalBottomSheet fonksiyonu ile açılır.
• builder fonksiyonu BottomSheet içeriğini oluşturur.

SnackBar Kullanımı

• Geçici bir bildirim ya da geri bildirim göstermek için kullanılan bir widget'tır.
• Kullanıcının bir eylemi gerçekleştirdiğini bildirmek ya da hata durumlarında bilgi vermek için kullanılır.
• ElevatedButton üzerine tıklandığında SnackBar oluşturulur ve gösterilir.

DefaultTabController Kullanımı

• Sekme denetleyicisi oluşturmayı kolaylaştıran bir widget'tır.
• Bir TabController'ı yönetir ve aynı zamanda TabBar ve TabBarView gibi sekme ile ilgili widgetları içerebilir.

CupertinoTabBar Kullanımı

• iOS tarzındaki sekme çubuğunun görünümünü ve davranışını taklit eden widget'tır.