🔹 UI / Görsel Bileşenler
| Terim | Türkçe Açıklama |
|---|---|
| Widget | Flutter’daki her şey bir widget’tır; buton, yazı, resim, vb. görsel veya yapısal öğeler. |
| Scaffold | Uygulama iskeletini oluşturur; AppBar, Drawer, Body gibi bölümleri içerir. |
| AppBar | Uygulamanın üst kısmındaki başlık çubuğu. |
| Body | Sayfanın ana içeriğinin bulunduğu alan. |
| Container | Kutucuk yapısı — boyut, renk, kenar boşluğu gibi ayarlar yapılır. |
| Padding | İç boşluk (iç kenar mesafesi). |
| Margin | Dış boşluk (dış kenar mesafesi). |
| Row | Yatay yerleşim (yan yana dizilim). |
| Column | Dikey yerleşim (alt alta dizilim). |
| Stack | Üst üste widget yerleştirmek için kullanılır. |
| Card | Köşeleri yuvarlatılmış, gölgeli kutu (genellikle içerik kartı). |
| ListView | Kaydırılabilir liste görünümü. |
| GridView | Izgara şeklinde (kare, dikdörtgen) düzenli liste. |
| Drawer | Kenardan açılan menü (yan panel). |
| BottomNavigationBar | Ekranın altındaki sekmeli gezinme çubuğu. |
| TabBar / TabBarView | Üstte sekmeli sayfalar. |
| FloatingActionButton (FAB) | Genellikle sağ altta bulunan, önemli bir işlemi başlatan dairesel buton. |
| Badge | Genellikle ikonun yanında görülen küçük sayı göstergesi (örnek: sepet adedi). |
| Snackbar | Ekranın alt kısmında kısa süreli bilgi mesajı. |
| Dialog / AlertDialog | Uyarı veya onay penceresi. |
| Chip | Etiket veya küçük bilgi kartı (örnek: “Yeni”, “Popüler”). |
| Tooltip | Üzerine gelince çıkan kısa açıklama. |
| IconButton | Sadece ikon içeren buton. |
| TextField | Kullanıcıdan metin girişi almak için alan. |
| DropdownButton | Açılır liste (seçim menüsü). |
| Switch / Checkbox / Radio | Aç/kapa, onay kutusu veya tekli seçim bileşenleri. |
🎨 Görsel ve Stil Terimleri
| Terim | Türkçe Açıklama |
|---|---|
| Theme | Uygulamanın genel renk, yazı tipi ve stil ayarları. |
| ColorScheme | Tema renklerinin kümesi (primary, secondary, background vs). |
| Opacity | Saydamlık değeri. |
| Shadow | Gölgelendirme. |
| Gradient | Renk geçiş efekti. |
| BorderRadius | Köşelerin yuvarlaklık değeri. |
| Elevation | Yükseklik/gölge derinliği. |
| Alignment | Hizalama (örnek: center, topRight). |
| Flex / Expanded | Esnek alan dağılımı için kullanılır. |
⚙️ Mantık / Kod Tarafı
| Terim | Türkçe Açıklama |
|---|---|
| State | Widget’ın anlık durumu (örnek: butona basıldı mı?). |
| StatefulWidget | Durum değiştirilebilen widget. |
| StatelessWidget | Sabit, değişmeyen widget. |
| BuildContext | Widget’ın bulunduğu konum ve üst-alt ilişkilerini temsil eder. |
| Navigator | Sayfalar arası geçişleri (route) yönetir. |
| Route | Sayfa geçişi veya ekran yolu. |
| Provider / Bloc / Riverpod / GetX | Durum yönetimi (state management) kütüphaneleri. |
| Future / Async / Await | Asenkron işlemler (örnek: internetten veri çekmek). |
| Stream | Gerçek zamanlı veri akışı. |
| Hot Reload | Kod değişikliklerini anında görme özelliği. |
| Widget Tree | Widget’ların hiyerarşik yapısı (ağaç gibi). |
| Lifecycle | Widget’ın yaşam döngüsü (oluşma, güncellenme, silinme). |
📱 Uygulama Mantığı / UX Terimleri
| Terim | Türkçe Açıklama |
|---|---|
| Splash Screen | Uygulama açılışında görünen başlangıç ekranı. |
| Onboarding | İlk kurulumda kullanıcılara rehberlik eden ekranlar. |
| Placeholder | Geçici veya yüklenmemiş içeriğin yer tutucusu. |
| Skeleton Loader | İçerik yüklenirken gri animasyon iskeleti. |
| Pagination | Sayfalandırma (veri listeleme için). |
| Pull to Refresh | Aşağı çekerek yenileme hareketi. |
| Infinite Scroll | Sonsuz kaydırma (otomatik veri yükleme). |
| Hero Animation | Sayfalar arası geçişte animasyonlu görsel aktarımı. |
| Responsive Layout | Ekran boyutuna göre uyumlu görünüm. |