AnimatedStateButton constructor

const AnimatedStateButton({
  1. Key? key,
  2. double? width,
  3. required AnimatedStateButtonController controller,
  4. Future<void> onPressed()?,
  5. Widget? initChild,
  6. Color initColor = Colors.black,
  7. double borderRadius = 8,
  8. EdgeInsetsGeometry padding = const EdgeInsets.symmetric(horizontal: 24.0, vertical: 16),
  9. double height = 48,
  10. double compactSize = 48,
  11. Duration animationDuration = const Duration(milliseconds: 400),
  12. Curve animationCurve = Curves.easeInOut,
  13. Duration switchDuration = const Duration(milliseconds: 300),
  14. Curve switchInCurve = Curves.easeOut,
  15. Curve switchOutCurve = Curves.easeIn,
  16. ButtonStyle? buttonStyle,
  17. bool enabled = true,
  18. double? elevation,
  19. Color? shadowColor,
})

Crea un AnimatedStateButton.

controller es requerido para manejar los estados del botón.

width define el ancho del botón en estado inicial. Si es null, usa el ancho disponible menos el padding horizontal (por defecto).

onPressed es la acción a ejecutar al presionar el botón. Si es null, ejecuta una animación de demostración.

initChild es el widget mostrado en estado inicial. Por defecto muestra el texto 'Enviar'.

initColor es el color de fondo en estado inicial.

borderRadius define el radio de las esquinas del botón en estado inicial.

height es la altura del botón (constante en todos los estados).

compactSize es el tamaño del botón cuando está en estado compacto.

animationDuration controla la duración de la animación de cambio de tamaño.

switchDuration controla la duración de la transición entre widgets.

enabled controla si el botón está habilitado o deshabilitado.

elevation y shadowColor configuran la sombra del botón.

Implementation

const AnimatedStateButton({
  super.key,
  this.width,
  required this.controller,
  this.onPressed,
  this.initChild,
  this.initColor = Colors.black,
  this.borderRadius = 8,
  this.padding = const EdgeInsets.symmetric(horizontal: 24.0, vertical: 16),
  this.height = 48,
  this.compactSize = 48,
  this.animationDuration = const Duration(milliseconds: 400),
  this.animationCurve = Curves.easeInOut,
  this.switchDuration = const Duration(milliseconds: 300),
  this.switchInCurve = Curves.easeOut,
  this.switchOutCurve = Curves.easeIn,
  this.buttonStyle,
  this.enabled = true,
  this.elevation,
  this.shadowColor,
}) : assert(height > 0, 'La altura debe ser mayor a 0'),
     assert(compactSize > 0, 'El tamaño compacto debe ser mayor a 0');