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

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

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

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

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

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

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

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

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

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

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

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

подсказка

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

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

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

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