Button

This page has not been translated into English yet. The Russian original is below.

Интерактивный элемент на основе InkWell, реагирующий на нажатия и наведение.

Тип: single-child

Button onPressed:"navigate:/home"
  Text "Нажми"

Параметры

Типы callback

• Изменение переменных: {opacity:0.7} — устанавливает значения реактивных переменных
• Действие: "navigate:/home" — вызов ReeelActionIntent

Примеры

Кнопка-ссылка с анимацией

Animation @opacity:0.4
  Button onHover:{opacity:1.0} onExit:{opacity:0.4} onPressed:"navigate:/home"
    Text "Наведи на меня"

Кнопка с масштабированием

Animation @scale:1.0
  Button onHover:{scale:1.05} onExit:{scale:1.0} onPressed:"navigate:/details"
    SizedBox width:200 height:60
      Center
        Text "Подробнее"

ElevatedButton

Material-кнопка с поддержкой стиля и elevation.

Тип: single-child

ElevatedButton onPressed:"form:submit"
  Text "Отправить"

Параметры

#style

Стилизация кнопки.

Вложенные в #style :

• #padding — отступы внутри кнопки (формат parseEdgeInsets )
• #shape — форма кнопки ( parseOutlinedBorder )

ElevatedButton onPressed:"form:submit"
  #style backgroundColor:#6C63FF elevation:4
    #padding symmetric horizontal:24 vertical:12
    #shape
      #borderRadius circular 8
  Text "Отправить"

See also

• Animation — анимация при взаимодействии с кнопкой