Компоненты

Компонент во FlutterFlow — это виджет, который вы собираете один раз и дальше вставляете по всему приложению. Экономия времени тут вторична; главное — что одинаковые части интерфейса действительно остаются одинаковыми.

Добавленный на страницу компонент становится частью её дерева виджетов: он взаимодействует с соседними виджетами, наследует свойства и реагирует на изменения состояния наравне с ними.

Что это даёт:

• Единый вид и поведение. Один и тот же элемент, собранный заново на пяти экранах, обязательно где-нибудь разъедется — с компонентом такого не происходит.

• Правки в одном месте. Изменили компонент — изменились все его вхождения в приложении. Не нужно обходить экраны и вспоминать, где ещё он встречался.

  инфо

  Классы и экземпляры

  Что во FlutterFlow означают классы и их экземпляры.

• Меньше ошибок. Дублирование — источник расхождений. Исправление внутри компонента расходится сразу везде.

• Рост без боли. Чем больше приложение, тем дороже дублирование. С компонентами новые функции добавляются проще, а старые не ломаются от каждой правки. :::tip[Принцип DRY] DRY (Don’t Repeat Yourself) — правило разработки: не повторяйте одно и то же ни в коде, ни в дизайне. :::

Что обычно выносят в компоненты

• Кнопку одного стиля, которая встречается на всех экранах.

• Карточки — товара, пользователя, новости.

• Формы ввода — регистрации, входа, обратной связи.

• Диалоги и всплывающие сообщения, оформленные под общий стиль приложения.

• Интерактивные элементы — слайдеры, оценки, индикаторы выполнения.

• Повторяющиеся секции экрана — отзывы, галереи, блоки с преимуществами.

Вот компоненты из демонстрационного приложения EcommerceFlow.