Действие Clear Text Fields можно использовать для удаления текстов из нескольких полей с помощью одного триггера. Это может пригодиться, когда вы внедряете форму в свое приложение и хотите позволить пользователю сбросить форму (очистить все поля одним щелчком).

Для доступа к действию «Очистить текстовые поля» на странице должен быть хотя бы один виджет TextField.

Создание пользовательского интерфейса

Чтобы продемонстрировать это действие, давайте создадим простой пользовательский интерфейс, содержащий несколько виджетов TextField и две кнопки: одна для отправки формы, а другая для сброса (или очистки) формы.

  1. Перетащите виджеты TextField внутрь колонки Column.
  2. Добавьте на страницу два виджета кнопок.
  3. Настройте виджеты в соответствии с вашими требованиями.

Пример построения интерфейса формы выглядит следующим образом:

тек 1

Определение действия

После того, как вы создали интерфейс, содержащий виджеты TextField, вы готовы определить действие Clear Text Fields.

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

  1. Выберите виджет (например, кнопку), для которого вы хотите определить действие.
  2. Выберите Действия на панели свойств (правое меню).
  3. Нажмите кнопку + Добавить действие.
  4. Выберите жест из выпадающего списка: По касанию, По двойному касанию или По длительному нажатию.
  5. Выберите тип действия Очистить текстовые поля.
  6. Отметьте имена полей, которые необходимо очистить.
тек 2

Вы можете опробовать это действие, нажав на кнопку Preview (присутствует в правом верхнем углу):

тек 3

Обзор кода

Вы можете просмотреть код, который генерируется FlutterFlow в фоновом режиме, перейдя в меню Разработчик > Просмотр кода на панели инструментов.

ПРИМЕЧАНИЕ: Этот раздел предназначен для пользователей, которые могут захотеть внести некоторые дополнительные изменения в сгенерированный код или хотят понять код, который генерируется FlutterFlow в фоновом режиме.

Сгенерированный код для действия Clear Text Fields можно просмотреть, выбрав кнопку, на которую добавлено действие:

 

FFButtonWidget(
onPressed: () async {
setState(() {
nameFieldController.clear();
emailFieldController.clear();
addressFieldController.clear();
});
},
text: ‘Clear’,
)

 

Метод clear() используется в каждом из TextEditingController для удаления текущего значения текста, присутствующего в связанном с ним поле.

Ссылки

  • Подробнее о TextEditingController можно узнать здесь.
  • Посмотрите эту страницу, если вы хотите добавить несколько действий.