Конструктор приложений
Открыв проект, вы оказываетесь в конструкторе — App Builder. Он разделён на четыре части: меню навигации, панель инструментов, холст и панель свойств.
Меню навигации
Меню навигации (Navigation Menu) стоит слева и переключает вас между режимами работы: вёрстка интерфейса, база данных, API, настройки приложения, интеграции и всё остальное.
Что доступно из меню:
- Dashboard — панель управления: проекты, аккаунт, материалы FlutterFlow.
- Widget Palette — палитра виджетов, все элементы интерфейса.
- Page Selector — страницы, компоненты и файлы кастомного кода; их же удобно раскладывать по папкам.
- Widget Tree — дерево виджетов выбранной страницы.
- Storyboard — схема экранов и переходов между ними.
- Search — поиск по всему проекту. Результаты можно сузить до данных, дизайна, состояния, кода или страниц и компонентов.
- Test Mode — запуск приложения в режиме живой отладки.
- Firestore — коллекции и настройки Firestore.
- Data Types — собственные типы данных.
- App Values — переменные App State и константы.
- API Calls — описания API-запросов.
- Media Assets — загрузка файлов для приложения и для команды.
- Cloud Functions — облачные функции Firebase: написание и деплой.
- Tests — автоматические тесты.
- Agents — AI-агенты: создание, настройка и подключение диалогового ИИ к приложению.
- App Events — события приложения, через которые несвязанные части приложения обмениваются сигналами.
- Theme settings — внешний вид: цвета, шрифты, стили.
- Settings and Integrations — настройки проекта и интеграции.
Панель инструментов
С панели инструментов вы ищете ресурсы проекта, меняете размер холста, смотрите историю изменений, работаете с ветками, читаете подсказки по оптимизации, открываете и скачиваете код и запускаете приложение.
Холст
На холсте видно превью экрана устройства — там и собирается страница приложения.
Панель свойств
Панель свойств (Properties Panel) отвечает и за внешний вид элемента, и за его поведение. Здесь добавляют действия, настраивают запрос к бэкенду, задают анимации и многое другое.
Набор настроек зависит от того, что выделено на холсте:
- Свойства страницы — когда выделена страница;
- Свойства виджета — когда выделен любой виджет, включая встроенные компоненты.