ConditionalBuilder

ConditionalBuilder показывает разные виджеты в зависимости от условия — одного или нескольких сразу. Каждому условию сопоставлен свой виджет: сработало — показали.

Пример — график, который зависит от роли: рядовой сотрудник видит свой прогресс, руководитель группы — прогресс всей группы, менеджер проекта — общий по проекту.

conditional-builder-widget-demo.png

Как добавить

  1. Перетащите ConditionalBuilder из раздела Base Elements туда, где должен появляться переменный виджет.

  2. Откройте Properties Panel > Conditional Builder Properties и задайте условие для First Condition, нажав UNSET.

  3. Нажмите Empty рядом с THEN — в дереве виджетов выделится ветка IF. Положите внутрь виджет, который показывается при истинном условии.

  4. Кнопка «+» добавляет следующее условие: заполните ELSE IF и положите виджет в соответствующую ветку дерева.

  5. Виджет в ветке Else показывается, когда не сработало ни одно условие.

  6. Переключатель Show In UI Builder выбирает, какую ветку показывать на холсте — одновременно видна только одна.

перевод официальной документации FlutterFlow

обновлено

ESC