? Flattern UI -Designs
Eine umfassende Sammlung von wunderschön gestalteten Flutter -UI -Implementierungen, die Web-, Mobil- und Desktop -Plattformen unterstützen.
Merkmale
- Übereinstimmende Unterstützung (Web, Android, iOS, Windows, MacOS, Linux)
- Responsive Layouts, die sich an verschiedene Bildschirmgrößen anpassen
- ? Komplexe Animationen und Übergänge
- ? Internationalisierung (Englisch, Chinesisch, Arabisch)
- ? Dunkel/helles Thema unterstützt
- Firebase Integration für Analytics und Crash Reporting
- ? Staatsmanagement mit Anbietermuster
- Saubere und modulare Architektur
? UI -Implementierungen
Gesunde Lebensmittelversorgung ?
- Lebensmittelauflistung mit Parallaxeffekten
- Detaillierte Ansicht von Lebensmitteln
- Ernährungsinformationsanzeige
- Bewertungssystem
Heißluftballon ?
- Buchungsschnittstelle
- Flugdaten und Planung
- Interaktive Ballonanimationen
- Mehrschritt-Buchungsprozess
Sky View ?
- Planet/Sterns anzeigen Schnittstelle
- Interaktive Raumerforschung
- Himmlische Körperdetails
- Parallaxe Sternfeldeffekte
ASICS Schuhe Konzept ?
- Produktausstellung
- Farbvarianten
- Größenauswahl
- Produktdetails Präsentation
Ei -Timer -Konzept ⏲️
- Rundschild -Timer -Schnittstelle
- Gestenbasierte Steuerelemente
- Visuelle Zeitverfolgung
- Start/Pause/Reset -Funktionalität
Küchenchef Craft ? ?
- Rezept durchsuchen
- Kochanweisungen
- Zutatenlisten
- Kochprofile
Aufstellen
- Letzte getestete Version
Flutter 3.24.4 • channel stable
Dart 3.5.4
DevTools 2.37.3
- Aktivieren von Plattformen
flutter config --enable-web
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop
flutter config --enable-windows-desktop
- Installation ?
# Clone repository
git clone https://github.com/hmziqrs/flutter-ui-designs.git
# Install dependencies
flutter pub get
# Run app
flutter run
? Projektstruktur
lib/
├── MiniApps/ # Individual UI implementations
├── configs/ # App-wide configuration
├── Providers/ # State management
├── screens/ # Main app screens
├── services/ # Firebase & platform services
├── statics/ # Static data & models
├── utils/ # Utility functions
└── widgets/ # Reusable widgets
? Schlüsselkomponenten
Kernarchitektur? Euen
-
Navigator.dart - benutzerdefinierte Navigation mit Übergängen -
AppDimensions.dart - Responsive Größensystem -
AppTheme.dart - Themenmanagement -
AppLocalizations.dart - Internationalisierung Unterstützung
Widget -System?
- Bildschirm - Basis -Widget für alle Bildschirme
- Benutzerdefinierte Animationen
- Wiederverwendbare UI -Komponenten
- Plattformspezifische Anpassungen
Staatsmanagement
- Anbietermuster -Implementierung
- Statusisolation auf Bildschirmebene
- App-wide Staatsmanagement
- Animationszustand Handhabung
? Beitragen
- Gabel -Repository
- Funktionszweig erstellen
- Änderungen begehen
- Drücken Sie zum Zweig
- Pull -Anfrage erstellen
? Herunterladen
? Lizenz
Dieses Projekt ist unter der MIT -Lizenz lizenziert. Weitere Informationen finden Sie in Lizenz.
Anerkennung
- ? UI -Designs sind Eigentum ihrer jeweiligen Designer
- Mitwirkende und Betreuer
- ? Flattern und Dart -Teams
? Einen Fehler gefunden?
Bitte stellen Sie ein Problem mit einer detaillierten Beschreibung im GitHub -Repository ein.
Zeigen Sie Ihre Unterstützung
Wenn Sie dieses Projekt hilfreich fanden oder etwas daraus gelernt haben, sollten Sie:
- Darstellung des Repositorys
- Teilen Sie es mit anderen
- Folgt den Mitwirkenden
? Weitere Open -Source -Projekte
- Film Concept App - Ein innovatives Film -Browsing -Erlebnis mit Flutter
- React Native Loop Game - Ein engagiertes mobiles Spiel, das mit React Native erstellt wurde
- CV -Vorlage - eine moderne, anpassbare CV/Lebenslauf -Vorlage
? Verbinde mich mit mir
Soziale Links
- ? (Twitter): @Hmziqrs
- Telegramm: @Hmziqrs
Persönliche Website
Besuchen Sie meine persönliche Website hmziq.rs