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

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

Свойства виджета

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

Имя виджета

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

Действия

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

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

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

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

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

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

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

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

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

к сведению

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

Анимации

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

к сведению

Узнайте больше о добавлении анимаций здесь.

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

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

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