С помощью этого действия можно открывать и закрывать компонент нижнего листа.

ниж 1

Предварительные условия

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

Типы действия Bottom Sheet

Ниже перечислены типы действий Bottom Sheet:

  • Показать: Открывает нижний лист.
  • Разойтись: Закрывает нижний лист.

Открытие нижнего листа

Выполните следующие шаги, чтобы добавить действие, открывающее нижний лист:

  • Выберите виджет (например, кнопку), для которого вы хотите добавить действие.
  • Выберите Действия на панели свойств (правое меню) и нажмите + Добавить действие.
  • Найдите и выберите действие Bottom Sheet (в разделе UI Interactions).
  • Чтобы открыть нижний лист, выберите Показать.
  • Выберите Компонент дисплея в качестве компонента, который вы создали для нижнего листа.
  • (Необязательно) установите значение Высота. Вы должны задать высоту, если хотите, чтобы нижний лист отображался только до некоторой части экрана.
ниж 2

Закрытие нижнего листа

Выполните следующие шаги, чтобы добавить действие, закрывающее нижний лист:

  • Выберите виджет (например, кнопку, ListTile, контейнер), для которого вы хотите добавить действие.
  • Выберите Действия на панели свойств (правое меню) и нажмите + Добавить действие.
  • Найдите и выберите действие Bottom Sheet (в разделе UI Interactions).
  • Чтобы открыть нижний лист, выберите Dismiss.
  • Если вы хотите вернуть значение из текущего нижнего листа, включите переключатель Has Value и передайте значение, установив его Data Type и Value Source.
  • Если вы включите опцию Has Value, вы должны вернуться к действию, которое открывает этот нижний лист, и указать имя выходной переменной действия. Это имя будет использоваться для получения значения из нижнего листа.
  • Теперь вы можете использовать имя выходной переменной действия для получения данных.

Вот пример возврата выбранного имени пользователя обратно на страницу.

ниж 3