MaterialX Flutter – Flutter Material Design UI 2.4
✨ Temel Özellikler
- Materyal 3 ve Tema: Renk şemaları, tipografi, şekil ölçeği, dinamik renk desteği, karanlık mod.
- 100'den fazla Yeniden Kullanılabilir Widget: Düğmeler, çipler, afişler, diyaloglar, atıştırmalık çubukları, sayfalar, liste/kılavuz kartları, sekmeler.
- Tam Ekranlar: İlk katılım, oturum açma/kaydolma, profil, ayarlar, arama, alışveriş sepeti/ödeme, kontrol panelleri.
- Uyarlanabilir Düzenler: Telefonlar ve tabletler için duyarlı kesme noktaları, bölünmüş görünüm/gezinme rayı.
- Gezinme Desenleri: Alt çubuk, gezinme rayı, çekmece, iç içe rotalar, derin bağlantı taslakları.
- Durum Yönetimine Hazır: Riverpod/BLoC/Provider için kaygıların net bir şekilde ayrıldığı örnekler.
- Animasyonlar ve Hareket: Kahraman, örtülü/açık animasyonlar, sayfa geçişleri, parıltılı yer tutucular.
- Erişilebilirlik: Büyük yazı tipleri, ekran okuyucu etiketleri, odak sırası, kontrasta duyarlı renk çiftleri.
- Yerelleştirme (i18n): ARB tabanlı çeviriler, RTL düzen örnekleri, sayı/tarih biçimlendirmesi.
- Form Modelleri: Doğrulamalar, giriş maskeleri, hata mesajları, eşzamansız gönderme durumları.
- Performans: Görüntü önbelleğe alma kancaları, tembel listeler/ızgaralar, const oluşturucular, çizgili kod.
- Test Kancaları: Widget test örnekleri, altınların hazır yapısı, CI dostu proje düzeni.
⚙️ Teknik Yığın
- Çerçeve: Flutter 3.x (kararlı), Dart (sıfır güvenlik)
- Tasarım Sistemi: Tema uzantılı Materyal Tasarımı 3 (Material You)
- Durum Yönetimi: Riverpod / BLoC / Sağlayıcı (örnekler ve adaptörler)
- Yönlendirme: go_router veya Navigator 2.0 modelleri
- Yerelleştirme: flutter_localizations, intl, ARB iş akışı
- Oluşturma Araçları: Flutter SDK, Android Studio / VS Code, Gradle, CocoaPods
- Min. İşletim Sistemi: Android 6.0+ (API 23), iOS 13+
- İsteğe bağlı kütüphaneler: dio/http, önbelleğe alınmış_network_image, lints, testler için maket
🧩 Kurulum Kılavuzu
- Projeyi Klonlayın/Çıkarın ve Android Studio veya VS Code'da açın.
- Bağımlılıkları getirmek için flutter pub get komutunu çalıştırın; Flutter 3.x'in (kararlı) kurulu olduğundan emin olun.
- Markalama: ThemeData'yı (renkler, tipografi), uygulama adını, simgeleri ve sıçramayı güncelleyin.
- Gezinme: Router.dart veya go_router kurulumunda rotaları yapılandırın.
- Yerelleştirme: ARB dosyalarını düzenleyin ve varsa code-gen'i çalıştırın.
- Derleme: hata ayıklama için çarpıntı çalıştırması; Gerektiğinde yayınlanmak üzere imzalı AAB/IPA oluşturun.
📦 Teslimatlar
- Tam Flutter kaynak kodu (null korumalı, özellikler/modüllere göre yapılandırılmış)
- Açık/koyu şemalara sahip Material 3 tema sistemi
- Yeniden kullanılabilir widget'lar ve örnek ekranlar (kimlik doğrulama, profil, katalog, ayarlar vb.)
- Yerelleştirme (ARB) örnekleri ve RTL örnekleri
- Başlangıç testleri (widget/test donanımı) ve önerilen tüy bırakmayanlar
- Hızlı başlangıç belgeleri ve yapılandırma notları
- GPL lisans dosyası ve yeniden dağıtım bildirimi
📱 Desteklenen Platformlar
- Android: Telefonlar ve tabletler (API 23+)
- iOS: iPhone ve iPad (iOS 13+)
- Form Faktörleri: Dikey/manzara, duyarlı ızgaralar, geniş ekranlarda gezinme rayı
🧠 Notlar
- Lisans: Öğrenme, denetim ve türev çalışmalar için GPL kapsamında dağıtılır.
- Özelleştirme ipuçları: Belirteçleri (aralık, yarıçap, yükseklikler) bir tema dosyasında merkezileştirin; Renkleri ColorScheme'e çıkarın; varlıkları varlıklarda/ uygun pubspec.yaml girişleriyle saklayın.
- Performans: Const yapıcıları, notlandırılmış sağlayıcıları ve tembel listeleri tercih edin; Uzak varlıklar için önbelleğe alınmış_network_image kullanın.
- Mağaza girişi SEO'su: Anahtar kelime açısından zengin başlık/alt başlık, yerelleştirilmiş açıklamalar, içeriğe duyarlı ekran görüntüleri ve kısa tanıtım videosu dönüşümü artırır.
- Uyumluluk: Dahil edilen tüm demo varlıkları için marka/simge lisanslarına saygı gösterin; Uygun olduğu durumlarda erişilebilirlik ve gizlilik bildirimlerini sağlayın.
👨💻 Orijinal Geliştirici Kredisi
Bu çalışma, aşağıdaki gibi pazarlarda yayınlanan orijinal MaterialX Flutter yazarına atıfta bulunmaktadır:
CodeCanyon. Lütfen destekleyin ve kredi verin
Ticari sürümüne güveniyorsanız veya genişletilmiş lisansa ihtiyacınız varsa orijinal geliştirici.
🔒 Sorumluluk reddi beyanı
GPL kapsamında eğitim ve değerlendirme amacıyla sağlanmıştır. Bazı ekran görüntüleri/yazı tipleri/simgeler
üçüncü taraftır ve yer tutucu olarak kullanılır; bunları sahip olduğunuz veya kullanımınız için lisanslanan varlıklarla değiştirin. Hiçbir demo bağlantısı dahil değildir.
Mağaza politikalarına, lisanslara ve veri/gizlilik yasalarına uyumdan siz sorumlusunuz.
Değerlendirmeler
Henüz değerlendirme yapılmadı.