Перейти к основному содержимому

Конструктор приложений

После открытия проекта вы увидите Конструктор приложений (App Builder), состоящий из четырёх основных разделов:
Меню навигации, Панель инструментов, Холст и Панель свойств.

navigation-menu.avif

Меню навигации​

Меню навигации, расположенное слева от конструктора, позволяет переключаться между различными разделами FlutterFlow.
Здесь можно проектировать интерфейс, управлять базой данных, настраивать API, изменять параметры приложения, подключать интеграции и многое другое.

Полный список возможностей, доступных через меню навигации:

  1. Dashboard (Панель управления) — управление проектами, доступ к информации об аккаунте и ресурсам FlutterFlow.
  2. Widget Palette (Палитра виджетов) — доступ ко всем виджетам, используемым в приложении.
  3. Page Selector (Выбор страниц) — управление страницами и компонентами, создание папок.
  4. Widget Tree (Дерево виджетов) — обзор всех виджетов, присутствующих на текущей странице.
  5. Storyboard (Раскадровка) — визуализация дизайна и навигации приложения.
  6. Firestore — создание коллекций и настройка параметров Firestore.
  7. Data Types (Типы данных) — создание пользовательских структур данных.
  8. App Values (Значения приложения) — управление переменными состояния приложения (App State) и константами.
  9. API Calls (API-запросы) — определение и настройка API-вызовов.
  10. Media Assets (Медиа-ресурсы) — загрузка изображений и других ресурсов для приложения и команды.
  11. Custom Functions (Пользовательские функции) — добавление собственных функций, виджетов и действий.
  12. Cloud Functions (Облачные функции) — написание и развертывание функций для Firebase.
  13. Tests (Тесты) — добавление автоматизированных тестов.
  14. Agents (Агенты) — создание и настройка AI-агентов для интеграции диалогового ИИ в приложение.
  15. Theme Settings (Настройки темы) — настройка визуального стиля приложения.
  16. Settings and Integrations (Настройки и интеграции) — параметры приложения и сторонние интеграции.

Панель инструментов (Toolbar)​

На панели инструментов можно искать ресурсы проекта, менять размер холста, просматривать историю проекта, управлять ветками, оптимизацией и улучшениями, а также запускать и скачивать код приложения.

Область холста (Canvas Area)​

В области холста отображается предварительный просмотр экрана устройства, где вы создаёте страницы вашего приложения.

Панель свойств (Properties Panel)​

Панель свойств позволяет изменять внешний вид и поведение элементов интерфейса на холсте.
Здесь можно добавлять действия (Actions),
настраивать запросы к бэкенду (Backend Query),
добавлять анимации и многое другое.

Содержимое панели свойств меняется в зависимости от выбранного элемента.
Для подробного изучения выберите соответствующий раздел: