Использование компонентов

Компоненты в FlutterFlow могут быть добавлены в дерево виджетов страницы или другого компонента. Они помогают оптимизировать разработку, позволяя повторно использовать дизайн и функциональность во всем приложении. Компоненты могут принимать параметры, что делает их адаптивными к конкретным контекстам. Кроме того, вы можете использовать callbacks для передачи действий от родительских сущностей дочерним компонентам, обеспечивая динамическое и интерактивное поведение. Вы также можете использовать строителей виджетов для подстановки динамического контента в дерево виджетов компонента.

Чтобы узнать больше о создании компонентов, посетите эту страницу.

Добавление компонента в дерево виджетов

Чтобы добавить компонент в дерево виджетов страницы или другого компонента, выберите родительскую сущность, где вы хотите добавить новый компонент. Затем вы увидите компонент в палитре виджетов, в разделе Components.

Установка значений параметров

В FlutterFlow каждый экземпляр компонента может получать уникальные значения от своей родительской сущности. При добавлении компонента в дерево виджетов вы можете установить значения параметров, щелкнув по экземпляру компонента и перейдя в Свойства панели.

Установка уникального ключа

Когда у вас есть компонент в динамически созданном списке, у вас есть возможность установить уникальный ключ. Представьте, что у вас есть динамический список, где элементы могут часто изменяться - например, список задач, куда добавляются и удаляются задания. Представьте это как присвоение каждой задаче уникального номера ID. Это важно по нескольким причинам:

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

• Эффективность: С уникальными идентификаторами приложение обновляет только задачи, которые изменились, а не весь список, улучшая производительность.

• Сохранение деталей: Когда вы изменяете задачу и уходите от нее, уникальный ключ гарантирует, что изменения будут запомнены и правильно отображены при возвращении.

подсказка

Если это список документов, уникальным ключом может быть ID документа.

Рекурсивные компоненты

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

Например, в приложениях социальных медиа или форумах комментарии могут иметь ответы, и каждый ответ может иметь дополнительные ответы. Рекурсивный компонент может эффективно отображать эту вложенную структуру.