flutter ui designs

? Conceptions d'interface utilisateur de flottement

Une collection complète d'implémentations d'interface utilisateur de flottement magnifiquement conçues prenant en charge les plates-formes Web, mobiles et de bureau.

Caractéristiques

• Prise en charge multiplateforme (Web, Android, iOS, Windows, MacOS, Linux)
• Dispositions réactives qui s'adaptent à différentes tailles d'écran
• ? Animations et transitions complexes
• ? Internationalisation (anglais, chinois, arabe)
• ? Support de thème sombre / léger
• Intégration de Firebase pour l'analyse et les rapports de crash
• ? Gestion de l'État avec modèle de fournisseur
• Architecture propre et modulaire

? Implémentations d'interface utilisateur

1. Livraison des aliments sains ?

   • Liste des aliments avec effets de parallaxe
   • Vue détaillée des aliments
   • Affichage d'informations nutritionnelles
   • Système de notation

2. Boule à air chaud ?

   • Interface de réservation
   • Détails du vol et planification
   • Animations de ballon interactif
   • Processus de réservation en plusieurs étapes

3. Vue du ciel ?

   • Interface de visualisation de planète / étoile
   • Exploration de l'espace interactif
   • Détails du corps céleste
   • Effets du champ d'étoile parallax

4. Concept de chaussures Asics ?

   • Vitrine de produit
   • Variantes de couleur
   • Sélection de taille
   • Présentation des détails du produit

5. Concept de minuterie d'oeufs ⏲️

   • Interface de minuterie circulaire
   • Contrôles basés sur les gestes
   • Suivi du temps visuel
   • Fonctionnalité de démarrage / pause / réinitialisation

6. Chef artisanat ? ‍?

   • Recette de navigation
   • Instructions de cuisson
   • Listes d'ingrédients
   • Profils de chef

Installation

1. Dernière version testée

Flutter 3.24.4 • channel stable
Dart 3.5.4
DevTools 2.37.3

2. Activer les plateformes

flutter config --enable-web
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop
flutter config --enable-windows-desktop

3. Installation ?

 # Clone repository
git clone https://github.com/hmziqrs/flutter-ui-designs.git

# Install dependencies
flutter pub get

# Run app
flutter run

? Structure du projet

 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

? Composants clés

Architecture de base? ️

• Navigator.dart - Manipulation de navigation personnalisée avec transitions
• AppDimensions.dart - système de dimensionnement réactif
• AppTheme.dart - Gestion du thème
• AppLocalizations.dart - Prise en charge de l'internationalisation

Système de widget?

• Écran - Widget de base pour tous les écrans
• Animations personnalisées
• Composants d'interface utilisateur réutilisables
• Adaptations spécifiques à la plate-forme

Gestion de l'État

• Implémentation de modèle du fournisseur
• Isolement de l'état au niveau de l'écran
• Gestion de l'État à l'échelle de l'application
• Manipulation de l'état d'animation

? Contributif

1. Référentiel de fourchettes
2. Créer la branche des fonctionnalités
3. Commettre des changements
4. Pousser à la branche
5. Créer une demande de traction

? Télécharger

? Licence

Ce projet est autorisé sous la licence du MIT. Voir la licence pour plus de détails.

Remerciements

• ? Les conceptions d'interface utilisateur sont la propriété de leurs concepteurs respectifs
• Contributeurs et mainteneurs
• ? Équipes de flutter et de fléchettes

? Vous avez trouvé un bug?

Veuillez déposer un problème avec une description détaillée du référentiel GitHub.

Montrez votre soutien

Si vous avez trouvé ce projet utile ou en appris quelque chose, considérez:

• Avec le référentiel
• Le partager avec les autres
• Suivre les contributeurs

? Plus de projets open source

• Movie Concept App - Une expérience de navigation de film innovante construite avec Flutter
• React Native Loop Game - Un jeu mobile engageant créé avec React Native
• Modèle CV - un modèle CV / CV moderne et personnalisable

? Connectez-vous avec moi

Liens sociaux

• ? (Twitter): @hmziqrs
• Télégramme: @hmziqrs

Site Web personnel

Visitez mon site personnel hmziq.rs