Кнопка

Button — главный способ дать пользователю что-то сделать. В отличие от обычного виджета с действием On Tap, кнопка из коробки умеет откликаться на нажатие и наведение и различает состояния.

Что на ней держится:

  • Запуск действий — отправить форму, открыть страницу, вызвать API.

  • Отклик на нажатие. Кнопка меняет вид при наведении, при клике и когда она выключена. Это подтверждение, что нажатие засчитано.

  • Навигация — переход к следующему шагу формы или возврат на главную.

Выберите кнопку на странице или в компоненте — в Properties Panel справа откроются её настройки. Разберём главные.

Стиль по умолчанию

Обычный вид кнопки: размер, цвет заливки, рамка, скругление и внутренние отступы.

button.png

Выключенное состояние и наведение

Отдельно задаётся вид кнопки, когда курсор над ней (Hovered) и когда она недоступна (Disabled): свой цвет, своя рамка, своя высота тени. Без этого выключенная кнопка выглядит как рабочая — и пользователь долбит по ней, не понимая, почему ничего не происходит.

button-disabled.png

Отдельно настраивается стиль подписи внутри кнопки, а если значок включён — то и его.

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

обновлено

⌕ ESC