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

Панель свойств

В FlutterFlow панель свойств справа помогает настраивать и управлять виджетами. Она открывается при клике на виджет или компонент в Дереве виджетов.

Вот краткая демонстрация, показывающая, как добавить виджет на холст, что открывает панель свойств виджета справа и позволяет обновить свойства виджета:

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

advanced-configs-widgets.png

Имя виджета​

При выборе любого виджета его имя отображается в панели свойств. Имя по умолчанию для любого виджета — это его тип. Например, если вы выберете виджет Container, имя отобразится как 'Container'. Однако вы можете использовать значок редактирования справа, чтобы изменить имя.

widget-properties.png

Действия​

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

В случае виджетов вы можете добавлять взаимодействия пользователя на триггеры действий, такие как On Tap или On Long Press. Доступность этих действий может варьироваться в зависимости от виджета.

Действия отличаются в зависимости от выбранного виджета; на некоторых виджетах нельзя применять действия.

Запрос к бэкенду​

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

Генерация динамических дочерних элементов​

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

Это особенно полезно, когда вы получаете данные из вызова API.

Некоторые из виджетов, которые могут обрабатывать несколько дочерних элементов, включают Column, Row, Stack, ListView, GridView и PageView.

к сведению

Подробнее о генерации динамических дочерних элементов читайте здесь.

Анимации​

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

к сведению

Подробнее о добавлении анимаций читайте здесь.

Документация и семантические метки​

Документация помогает разработчикам понять назначение и функцию виджета в приложении, упрощая поддержку и будущие обновления.

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