Возможности FlutterFlow
FlutterFlow — визуальный редактор, из которого выходит настоящее приложение на Flutter: тот же код, что пишут руками, только собранный мышью. Ниже — что платформа умеет на самом деле, по разделам, со ссылками на подробный разбор в документации.
Собрать интерфейс
Экран строится перетаскиванием: слева палитра виджетов, в центре холст с макетом устройства, справа свойства выделенного элемента. Всё, что вы поставили, тут же превращается в код Flutter.
- Холст и предпросмотр масштаб, тёмная тема, рамка устройства, увеличенный шрифт
- Виджеты от Container и Text до календаря, графиков и PinCode
- Компоненты повторяющиеся куски интерфейса с параметрами и колбэками
- Адаптивная вёрстка один макет под телефон, планшет и веб
- Дизайн-система цвета, шрифты и стили в одном месте, тёмная тема из коробки
- Анимации переходы страниц, Hero, Rive и Lottie
Задать логику
Что происходит по нажатию, откуда берутся данные, что показывать во время загрузки — всё это собирается в редакторе действий цепочкой блоков, с условиями и циклами.
- Редактор действий цепочки действий на любое событие виджета
- Условия и циклы ветвление прямо в цепочке, без кода
- Состояние App State, состояние страницы и виджета
- Переменные и типы свои типы данных, перечисления, константы
- Навигация переходы, передача данных, диплинки
- Формы поля, проверка ввода, триггеры
Подключить данные
Бэкенд не нужно писать: база, авторизация, файлы и уведомления подключаются настройками. Если сервис свой — остаётся вызов API.
- Cloud Firestore коллекции, правила доступа, менеджер содержимого
- Supabase PostgreSQL, вход, действия с таблицами
- Вызовы API REST, SOAP и потоковые запросы
- Авторизация почта, телефон, Google, Apple, свои токены
- Файлы и медиа загрузка, показ, очистка хранилища
- Уведомления push через Firebase и OneSignal
Дописать своё
Там, где стандартных блоков не хватает, пишется Dart — прямо в проекте. Свой код живёт рядом со сгенерированным и переживает пересборку.
- Свои функции вычисления и преобразования на Dart
- Свои действия обращение к SDK, файлам, нативным возможностям
- Свои виджеты любой Flutter-виджет внутри проекта
- Пакеты и настройки зависимости pub.dev, правка конфигов
- Расширение для VS Code править код проекта в привычном редакторе
- Структура кода как устроен то, что генерирует платформа
Проверить и выпустить
Приложение запускается прямо из редактора, а до сторов доезжает без Xcode и Android Studio — или выгружается исходниками, если так удобнее.
- Запуск и тесты тестовый режим в браузере и на устройстве
- Local Run сборка на своей машине, точки останова
- App Store публикация из редактора
- Google Play то же для Android
- Веб и домены выкладка сайта и свой домен
- Выгрузка кода исходники в GitHub, работа через CLI
Работать командой
Проект живёт в облаке: несколько человек редактируют его одновременно, а история изменений и ветки не дают потерять работу.
- Совместная работа несколько редакторов в одном проекте
- Ветки параллельные правки и слияние
- Версии откат к любому сохранению
- Библиотеки общие компоненты между проектами
- Команды роли и доступы
- Маркетплейс готовые шаблоны и компоненты
Чего FlutterFlow не сделает за вас
Инструмент сильный, но не волшебный. Эти четыре вещи выясняются на первом же реальном проекте — лучше знать заранее.
- Логику всё равно продумывать вам Платформа снимает вёрстку и рутину, но порядок действий, структуру данных и обработку ошибок никто за вас не спроектирует.
- Сложное — через код Нестандартная анимация, работа с железом устройства, редкая библиотека: всё это делается своими действиями и виджетами на Dart.
- Редактор живёт в браузере Нужен стабильный интернет, а на слабой машине большой проект в редакторе ощутимо тяжелеет.
- Бесплатный тариф ограничен Выгрузка кода, свои домены и часть интеграций открываются на платных планах — сравнение есть в документации.
Попробовать самому
Регистрация бесплатная — первый экран собирается за вечер. Если удобнее по шагам, начните с быстрого старта, а тонкости разобраны в уроках.