Значки
Значок объясняет действие быстрее подписи и занимает меньше места. Во FlutterFlow под них отведено три отдельных виджета.
Три виджета для значков
-
Icon — просто выводит символ из подключённого набора, например Material Icons. Ни на что не реагирует.
-
IconButton — тот же значок, но кликабельный: открыть меню, отправить форму, свернуть блок.
-
ToggleIcon — значок с двумя состояниями, привязанный к булевой переменной. Это «избранное» и «нравится»: нажатие переключает вид и позволяет повесить своё действие на смену состояния.
Общие свойства
Выберите значок — в Properties Panel справа доступны Icon color и Icon size. Сам символ выбирается из каталогов Material Icons и FontAwesome, встроенных во FlutterFlow.
Можно загрузить собственный лицензированный набор — как это делается, показано в этом ролике.
Свойства IconButton
У IconButton настраиваются и сам значок, и кнопка под ним: заливка, рамка, размер, вид при наведении и в выключенном состоянии. Отдельным переключателем включается индикатор загрузки — он показывается, пока выполняется действие по нажатию.
Короткая демонстрация настройки стилей:
Свойства ToggleIcon
ToggleIcon — готовый компонент: вы задаёте значок для включённого и выключенного состояния и переменную состояния, которая это состояние хранит.
On Toggle
Переключение переменной с true на false и обратно FlutterFlow берёт на себя. Триггер On Toggle нужен, когда по смене состояния надо сделать что-то ещё — например, записать отметку «в избранном» в базу.