Содержание статьи
С выходом Flutter’s web в stable веб-поддержка Flutter достигла стабильного релиза. Примеры веб приложений на Flutter 2 и Dart (Flutter web app example).
Flutter Gallery
Галерея Flutter — это ресурс, который помогает разработчикам оценивать и использовать Flutter.
Flutter Gallery содержит коллекцию виджетов Material Design & Cupertino, моделей поведения и виньеток, реализованных с помощью Flutter Web.
Данная галерея приложений демонстрирует Флаттер в действии, а так же показывает, как фреймворк ведет себя в «дикой природе».
Flutter Gallery был создан для поддержки нескольких платформ:
- Android
- iOS
- web
- macOS
- Linux
- Windows
Для ознакомления с возможностями Flutter в галерее представлены несколько приложений:
- Reply — приложение для работы с email почтой
- Shrine — e-commerce приложение
- Rally — приложение для учета финансов
- Crane — персонализированное приложение для путешествий
- Fortnightly — новостное приложение, ориентированное на контент
- Starter app — адаптивный стартовый макет
Код web app на Github:
Rive app
Rive — инструмент для совместной работы, созданный с помощью Flutter для создания анимированной графики.
Flutter Plasma
Эта демонстрация показывает возможности Flutter в сети web. Визуализация построена с помощью с CanvasKit , который позволяет отображать команды рисования Skia в браузере с помощью WebAssembly и WebGL.
- Это не видео. Предварительно созданные визуальные ресурсы не используются.
- Включи свой звук.
- Наслаждайся представлением.
Предупреждение о припадках: не смотрите эту демонстрацию, если вы страдаете светочувствительной эпилепсией.
Ссылка на Github с кодом приложения
Flutter Folio
Платформенное адаптивное приложение Flutter Folio для скрапбукинга.
Ссылка на Github с кодом приложения
Photo Booth
https://photobooth.flutter.dev/#/
Добро пожаловать в фотобудку Google I ∕ O. Сделайте фото и поделитесь им с Flutter сообществом!
Веб-приложение работает с камерой устройства.
Dashatar
https://dashatar-dev.web.app/#/
Создайте свой Dashatar. Скачайте его или загрузите в соц. сети.
Charts
https://flutter.github.io/samples/web/charts/#/
Примеры пакета charts_flutter, запущенного в web.
Slide Puzzle
https://flutter.github.io/samples/web/slide_puzzle/#/
Слайд (15-шка) головоломка, реализованная в Dart и Flutter.
Dice
https://z.flutter.gallery/examples/#/dice
Визуализация работы с Zflutter
Это лишь малы перечень flutter web examples (примеры приложений flutter web). Больше примеров веб приложений на флаттер можно найти здесь.