? Разверните дизайн пользовательского интерфейса
Комплексная коллекция красиво изготовленных внедрения пользовательского интерфейса Flutter, поддерживающих веб -платформы, мобильные и настольные платформы.
Функции
- Кроссплатформенная поддержка (Web, Android, iOS, Windows, MacOS, Linux)
- Отзывчивые макеты, которые адаптируются к разным размерам экрана
- ? Сложные анимации и переходы
- ? Интернационализация (английский, китайский, арабский)
- ? Темная/легкая поддержка темы
- Интеграция Firebase для аналитики и отчетности о аварии
- ? Управление государством с шаблоном поставщика
- Чистая и модульная архитектура
? Реализации пользовательского интерфейса
Доставка здоровой пищи ?
- Список еды с эффектами параллакса
- Подробный просмотр продуктов питания
- Дисплейная информация о питании
- Система рейтинга
Продолжительный воздушный шар ?
- Интерфейс бронирования
- Детали полета и планирование
- Интерактивные анимации воздушных шаров
- Многоэтапный процесс бронирования
Sky View ?
- Интерфейс просмотра планеты/звезды
- Интерактивное исследование пространства
- Небесные детали тела
- Полевые эффекты Parallax Star
Концепция обуви Asics ?
- Витрина продукта
- Цветовые варианты
- Выбор размера
- Презентация деталей продукта
Концепция таймера яиц ⏲
- Круговой таймер интерфейс
- Управление на основе жестов
- Визуальное отслеживание времени
- Начало/пауза/сброс функциональность
Chef Craft ? ?
- Рецепт просмотр
- Инструкции по приготовлению
- Списки ингредиентов
- Профили шеф -повара
Настраивать
- Последняя проверенная версия
Flutter 3.24.4 • channel stable
Dart 3.5.4
DevTools 2.37.3
- Включить платформы
flutter config --enable-web
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop
flutter config --enable-windows-desktop
- Установка ?
# Clone repository
git clone https://github.com/hmziqrs/flutter-ui-designs.git
# Install dependencies
flutter pub get
# Run app
flutter run
? Структура проекта
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
? Ключевые компоненты
Основная архитектура? ️
-
Navigator.dart - Пользовательская навигационная обработка с переходами -
AppDimensions.dart - система адаптивного размера -
AppTheme.dart - Управление темами -
AppLocalizations.dart - поддержка интернационализации
Система виджетов?
- Экран - базовый виджет для всех экранов
- Пользовательские анимации
- Многоразовые компоненты пользовательского интерфейса
- Платформа, адаптация
Государственное управление
- Реализация шаблона провайдера
- Изоляция состояния на уровне экрана
- Государственное управление приложением
- Анимационная обработка состояния
? Внося
- Форк репозиторий
- Создать филиал
- Совершить изменения
- Толкнуть в ветвь
- Создать запрос на тягу
? Скачать
? Лицензия
Этот проект лицензирован по лицензии MIT. Смотрите лицензию для деталей.
Благодарности
- ? Дизайн пользовательского интерфейса является собственностью их соответствующих дизайнеров
- Участники и содействие
- ? Команды Flutter и Dart
? Нашел ошибку?
Пожалуйста, подайте проблему с подробным описанием репозитория GitHub.
Покажите свою поддержку
Если вы нашли этот проект полезным или что -то узнали из него, подумайте:
- В главной роли в репозитории
- Делиться этим с другими
- Следуя участникам
? Больше проектов с открытым исходным кодом
- Приложение для концепции фильма - инновационный опыт просмотра фильмов, построенный из Flutter
- React Native Loop Game - привлекательная мобильная игра, созданная с помощью Native React Native
- Шаблон CV - современный, настраиваемый шаблон резюме/резюме
? Связаться со мной
Социальные ссылки
- ? (Twitter): @hmziqrs
- Телеграмма: @hmziqrs
Личный сайт
Посетите мой личный сайт hmziq.rs