? Diseños de ui de flutter
Una colección completa de implementaciones de interfaz de usuario de Flutter bellamente diseñadas que admiten plataformas web, móviles y de escritorio.
Características
- Soporte multiplataforma (Web, Android, iOS, Windows, MacOS, Linux)
- Diseños receptivos que se adaptan a diferentes tamaños de pantalla
- ? Animaciones y transiciones complejas
- ? Internacionalización (inglés, chino, árabe)
- ? Soporte de tema oscuro/claro
- Integración de Firebase para análisis de análisis y choques
- ? Gestión estatal con patrón de proveedor
- Arquitectura limpia y modular
? Implementaciones de UI
Entrega de alimentos saludables ?
- Listado de alimentos con efectos de paralaje
- Vista detallada de alimentos
- Pantalla de información nutricional
- Sistema de calificación
Globo de aire caliente ?
- Interfaz de reserva
- Detalles y programación del vuelo
- Animaciones de globos interactivos
- Proceso de reserva de múltiples pasos
Vista del cielo ?
- Interfaz de visualización de planeta/estrella
- Exploración espacial interactiva
- Detalles del cuerpo celestial
- Efectos de campo de estrella de paralaje
Concepto de zapatos asics ?
- Escaparate de productos
- Variantes de color
- Selección de tamaño
- Presentación de detalles del producto
Concepto de temporizador de huevos ⏲️
- Interfaz de temporizador circular
- Controles basados en gestos
- Seguimiento de tiempo visual
- Funcionalidad de inicio/pausa/restablecimiento
¿Chef Craft ? ?
- Navegación de recetas
- Instrucciones de cocción
- Listas de ingredientes
- Perfiles de chef
Configuración
- Última versión probada
Flutter 3.24.4 • channel stable
Dart 3.5.4
DevTools 2.37.3
- Habilitar plataformas
flutter config --enable-web
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop
flutter config --enable-windows-desktop
- Instalación ?
# Clone repository
git clone https://github.com/hmziqrs/flutter-ui-designs.git
# Install dependencies
flutter pub get
# Run app
flutter run
? Estructura de proyectos
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
? Componentes clave
Arquitectura central? MezE
-
Navigator.dart - Manejo de navegación personalizado con transiciones -
AppDimensions.dart - Sistema de dimensiones receptivas -
AppTheme.dart - gestión de temas -
AppLocalizations.dart - Soporte de internacionalización
Sistema de widgets?
- Pantalla - Widget base para todas las pantallas
- Animaciones personalizadas
- Componentes de interfaz de usuario reutilizables
- Adaptaciones específicas de la plataforma
Gestión estatal
- Implementación de patrones de proveedor
- Aislamiento de estado a nivel de pantalla
- Gestión estatal de toda la aplicación
- Manejo de estado de animación
? Que contribuye
- Repositorio
- Crear rama de características
- Confirmar cambios
- Empujar a la rama
- Crear solicitud de extracción
? Descargar
? Licencia
Este proyecto tiene licencia bajo la licencia MIT. Vea la licencia para más detalles.
Expresiones de gratitud
- ? Los diseños de UI son propiedad de sus respectivos diseñadores
- Colaboradores y mantenedores
- ? Flutter and Dart Teams
? Encontrado un error?
Por favor presente un problema con una descripción detallada en el repositorio de GitHub.
Muestra tu apoyo
Si encontró este proyecto útil o aprendió algo de él, considere:
- Protagonizar el repositorio
- Compartirlo con otros
- Siguiendo a los contribuyentes
? Más proyectos de código abierto
- Aplicación de concepto de película: una innovadora experiencia de navegación de películas construida con Flutter
- React Native Loop Game: un juego móvil atractivo creado con React Native
- Plantilla CV: una plantilla moderna y personalizable de currículum
? Conéctate conmigo
Enlaces sociales
- ? (Twitter): @hmziqrs
- Telegram: @hmziqrs
Sitio web personal
Visite mi sitio personal hmziq.rs
