styleFrom static method

ButtonStyle styleFrom(
  1. {Color? foregroundColor,
  2. Color? backgroundColor,
  3. Color? disabledForegroundColor,
  4. Color? disabledBackgroundColor,
  5. Color? shadowColor,
  6. Color? surfaceTintColor,
  7. Color? iconColor,
  8. Color? disabledIconColor,
  9. double? elevation,
  10. TextStyle? textStyle,
  11. EdgeInsetsGeometry? padding,
  12. Size? minimumSize,
  13. Size? fixedSize,
  14. Size? maximumSize,
  15. BorderSide? side,
  16. OutlinedBorder? shape,
  17. MouseCursor? enabledMouseCursor,
  18. MouseCursor? disabledMouseCursor,
  19. VisualDensity? visualDensity,
  20. MaterialTapTargetSize? tapTargetSize,
  21. Duration? animationDuration,
  22. bool? enableFeedback,
  23. AlignmentGeometry? alignment,
  24. InteractiveInkFeatureFactory? splashFactory,
  25. @Deprecated('Use foregroundColor instead. ' 'This feature was deprecated after v3.1.0.') Color? primary,
  26. @Deprecated('Use disabledForegroundColor instead. ' 'This feature was deprecated after v3.1.0.') Color? onSurface}

A static convenience method that constructs a text button ButtonStyle given simple values.

The foregroundColor and disabledForegroundColor colors are used to create a MaterialStateProperty ButtonStyle.foregroundColor, and a derived ButtonStyle.overlayColor.

The backgroundColor and disabledBackgroundColor colors are used to create a MaterialStateProperty ButtonStyle.backgroundColor.

Similarly, the enabledMouseCursor and disabledMouseCursor parameters are used to construct ButtonStyle.mouseCursor.

All of the other parameters are either used directly or used to create a MaterialStateProperty with a single value for all states.

All parameters default to null. By default this method returns a ButtonStyle that doesn't override anything.

For example, to override the default text and icon colors for a TextButton, as well as its overlay color, with all of the standard opacity adjustments for the pressed, focused, and hovered states, one could write:

  style: TextButton.styleFrom(foregroundColor:,
  child: const Text('Give Kate a mix tape'),
  onPressed: () {
    // ...


static ButtonStyle styleFrom({
  Color? foregroundColor,
  Color? backgroundColor,
  Color? disabledForegroundColor,
  Color? disabledBackgroundColor,
  Color? shadowColor,
  Color? surfaceTintColor,
  Color? iconColor,
  Color? disabledIconColor,
  double? elevation,
  TextStyle? textStyle,
  EdgeInsetsGeometry? padding,
  Size? minimumSize,
  Size? fixedSize,
  Size? maximumSize,
  BorderSide? side,
  OutlinedBorder? shape,
  MouseCursor? enabledMouseCursor,
  MouseCursor? disabledMouseCursor,
  VisualDensity? visualDensity,
  MaterialTapTargetSize? tapTargetSize,
  Duration? animationDuration,
  bool? enableFeedback,
  AlignmentGeometry? alignment,
  InteractiveInkFeatureFactory? splashFactory,
    'Use foregroundColor instead. '
    'This feature was deprecated after v3.1.0.'
  Color? primary,
    'Use disabledForegroundColor instead. '
    'This feature was deprecated after v3.1.0.'
  Color? onSurface,
}) {
  final Color? foreground = foregroundColor ?? primary;
  final Color? disabledForeground = disabledForegroundColor ?? onSurface?.withOpacity(0.38);
  final MaterialStateProperty<Color?>? foregroundColorProp = (foreground == null && disabledForeground == null)
    ? null
    : _TextButtonDefaultColor(foreground, disabledForeground);
  final MaterialStateProperty<Color?>? backgroundColorProp = (backgroundColor == null && disabledBackgroundColor == null)
    ? null
    : disabledBackgroundColor == null
      ? ButtonStyleButton.allOrNull<Color?>(backgroundColor)
      : _TextButtonDefaultColor(backgroundColor, disabledBackgroundColor);
  final MaterialStateProperty<Color?>? overlayColor = (foreground == null)
    ? null
    : _TextButtonDefaultOverlay(foreground);
  final MaterialStateProperty<Color?>? iconColorProp = (iconColor == null && disabledIconColor == null)
    ? null
    : disabledIconColor == null
      ? ButtonStyleButton.allOrNull<Color?>(iconColor)
      : _TextButtonDefaultIconColor(iconColor, disabledIconColor);
  final MaterialStateProperty<MouseCursor?> mouseCursor = _TextButtonDefaultMouseCursor(enabledMouseCursor, disabledMouseCursor);

  return ButtonStyle(
    textStyle: ButtonStyleButton.allOrNull<TextStyle>(textStyle),
    foregroundColor: foregroundColorProp,
    backgroundColor: backgroundColorProp,
    overlayColor: overlayColor,
    shadowColor: ButtonStyleButton.allOrNull<Color>(shadowColor),
    surfaceTintColor: ButtonStyleButton.allOrNull<Color>(surfaceTintColor),
    iconColor: iconColorProp,
    elevation: ButtonStyleButton.allOrNull<double>(elevation),
    padding: ButtonStyleButton.allOrNull<EdgeInsetsGeometry>(padding),
    minimumSize: ButtonStyleButton.allOrNull<Size>(minimumSize),
    fixedSize: ButtonStyleButton.allOrNull<Size>(fixedSize),
    maximumSize: ButtonStyleButton.allOrNull<Size>(maximumSize),
    side: ButtonStyleButton.allOrNull<BorderSide>(side),
    shape: ButtonStyleButton.allOrNull<OutlinedBorder>(shape),
    mouseCursor: mouseCursor,
    visualDensity: visualDensity,
    tapTargetSize: tapTargetSize,
    animationDuration: animationDuration,
    enableFeedback: enableFeedback,
    alignment: alignment,
    splashFactory: splashFactory,