? Designs da interface do flautista
Uma coleção abrangente de implementações de interface do usuário lindamente criadas que suportam plataformas Web, móveis e de mesa.
Características
- Suporte de plataforma cruzada (Web, Android, iOS, Windows, MacOS, Linux)
- Layouts responsivos que se adaptam a diferentes tamanhos de tela
- ? Animações e transições complexas
- ? Internacionalização (inglês, chinês, árabe)
- ? Suporte ao tema escuro/claro
- Integração do Firebase para análise e relatório de falhas
- ? Gerenciamento de estado com padrão de provedor
- Arquitetura limpa e modular
? Implementações da interface do usuário
Entrega saudável de alimentos ?
- Listagem de alimentos com efeitos de paralaxe
- Vista detalhada do item alimentar
- Exibição de informações nutricionais
- Sistema de classificação
Balão de ar quente ?
- Interface de reserva
- Detalhes do voo e agendamento
- Animações interativas de balão
- Processo de reserva em várias etapas
Vista para o céu ?
- Interface de visualização do planeta/estrela
- Exploração interativa do espaço
- Detalhes do corpo celestial
- Efeitos de campo em estrela paralax
Conceito de sapatos de asics ?
- Mostra de produtos
- Variantes de cores
- Seleção de tamanho
- Detalhes do produto Apresentação
Conceito do temporizador de ovos ⏲️
- Interface do timer circular
- Controles baseados em gestos
- Rastreamento do tempo visual
- Iniciar/pausar/redefinir funcionalidade
Chef Craft ? ?
- Navegação de receitas
- Instruções de cozimento
- Listas de ingredientes
- Perfis de chef
Configurar
- Última versão testada
Flutter 3.24.4 • channel stable
Dart 3.5.4
DevTools 2.37.3
- Ativar plataformas
flutter config --enable-web
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop
flutter config --enable-windows-desktop
- Instalação ?
# Clone repository
git clone https://github.com/hmziqrs/flutter-ui-designs.git
# Install dependencies
flutter pub get
# Run app
flutter run
? Estrutura do projeto
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 -chave
Arquitetura Core? ️
-
Navigator.dart - Manuseio de navegação personalizado com transições -
AppDimensions.dart - Sistema de dimensionamento responsivo -
AppTheme.dart - Gerenciamento de temas -
AppLocalizations.dart - Suporte de internacionalização
Sistema de widgets?
- Tela - Widget Base para todas as telas
- Animações personalizadas
- Componentes da interface do usuário reutilizáveis
- Adaptações específicas da plataforma
Gerenciamento do Estado
- Implementação do padrão do provedor
- Isolamento do estado no nível da tela
- Gerenciamento de Estado em todo o aplicativo
- Manuseio do estado de animação
? Contribuindo
- Repositório de garfo
- Crie ramo de recursos
- Cometer mudanças
- Empurre para o ramo
- Crie solicitação de tração
? Download
? Licença
Este projeto está licenciado sob a licença do MIT. Consulte a licença para obter detalhes.
Agradecimentos
- ? Os projetos de interface do usuário são propriedade de seus respectivos designers
- Colaboradores e mantenedores
- ? Equipes de vibração e dardo
? Encontrou um bug?
Por favor, arquive um problema com uma descrição detalhada no repositório do GitHub.
Mostre seu apoio
Se você achou este projeto útil ou aprendeu algo com ele, considere:
- Estrelado pelo repositório
- Compartilhando com outros
- Seguindo os colaboradores
? Mais projetos de código aberto
- App conceitual de filme - uma experiência inovadora de navegação de filmes construída com vibração
- React Native Loop Game - um jogo móvel envolvente criado com o React Native
- Modelo de CV - um modelo moderno e personalizável de currículo/currículo
? Conecte -se comigo
Links sociais
- ? (Twitter): @hmziqrs
- Telegram: @HMZIQRS
Site pessoal
Visite meu site pessoal hmziq.rs