Обзор иерархии ресурсов

Это руководство направлено на то, чтобы помочь вам понять структуру и элементы типичного проекта FlutterFlow. Оно расскажет вам о важных частях приложения, от общего проекта до отдельных элементов дизайна, объясняя их назначение и как они связаны с традиционными компонентами приложений Flutter.

Части приложения FlutterFlow

Диаграмма ниже иллюстрирует структуру приложения FlutterFlow.

1. Проект: Представляет собой общее приложение, которое вы строите в FlutterFlow. Этот элемент охватывает все остальные элементы, перечисленные ниже, и служит контейнером для всего вашего усилия по разработке приложения в рамках FlutterFlow. Узнайте больше о создании проекта здесь.
2. Страница: Это отдельные экраны в проекте FlutterFlow. Каждая страница представляет собой часть пользовательского интерфейса, где пользователи могут взаимодействовать с приложением. Несколько страниц вместе составляют полный пользовательский интерфейс вашего приложения. Узнайте больше о страницах в FlutterFlow здесь.
3. Встроенные виджеты: Это предварительно разработанные виджеты, предоставленные FlutterFlow, которые вы можете использовать для создания пользовательского интерфейса вашего приложения. Встроенные виджеты упрощают процесс разработки, предлагая общие элементы пользовательского интерфейса, такие как кнопки, текстовые поля, ползунки и т. д.
4. Компонент: Компонент в FlutterFlow - это повторно используемый блок пользовательского интерфейса, который можно использовать на разных страницах в проекте. Компоненты полезны для поддержания последовательности и уменьшения избыточности в дизайне приложения, поскольку один и тот же компонент (например, пользовательское диалоговое окно) может быть вставлен туда, где он необходим. Узнайте больше о создании компонента здесь.
5. Система дизайна: Это набор стандартов оформления в вашем проекте FlutterFlow. Система дизайна в FlutterFlow включает предопределенные стили, которые обеспечивают визуальную последовательность во всем приложении. Узнайте больше о системе дизайна здесь.

Из Flutter в FlutterFlow

Если вы переходите с Flutter, вам полезно понимать соотношение между Flutter и FlutterFlow. Диаграмма ниже иллюстрирует взаимосвязь между традиционными компонентами приложений Flutter и их эквивалентами внутри FlutterFlow.

1. MyApp к Project: В Flutter MyApp обычно представляет основу вашего приложения, где вы настраиваете маршруты и другие общие конфигурации. В FlutterFlow эквивалентом является "Проект", включающий в себя всё приложение, которое вы создаете, включая его конфигурации и настройки. Узнайте больше о создании проекта здесь.
2. MyPage к Странице: MyPage в Flutter представляет определённый экран в приложении. Подобным образом, в FlutterFlow каждая "Страница" соответствует экрану, где вы создаете макет и функционал, специфичный для этой страницы проекта. Узнайте больше о страницах в FlutterFlow здесь.
3. Column, Button, Text к Встроенным виджетам: В FlutterFlow виджеты категоризированы как "Встроенные виджеты", которые пользователи могут перетаскивать на холст, чтобы строить пользовательский интерфейс. Узнайте больше о виджетах здесь.
4. Пользовательский виджет к Компоненту: Пользовательский виджет в Flutter обозначает созданные пользователями виджеты, выполняющие определенные функции, которые не охвачены встроенными виджетами. FlutterFlow переводит это в "Компонент", позволяя вам создавать и использовать пользовательские компоненты в ваших проектах. Узнайте больше о создании компонента здесь.
5. Константы темы/стиля к Системе дизайна: В Flutter константы темы и стиля используются для обеспечения общего стиля в приложении. FlutterFlow использует "Систему дизайна" для управления и применения однородных стилей и тем во всем приложении. Узнайте больше о системе дизайна здесь.