QudsAnimatedCombinedIconsButton constructor
const
QudsAnimatedCombinedIconsButton({
- required IconData startIcon,
- required IconData endIcon,
- Color? startIconColor,
- Color? endIconColor,
- Color? color,
- bool showStartIcon = true,
- VoidCallback? onPressed,
- String? tooltip,
- bool autofocus = false,
- FocusNode? focusNode,
- double? iconSize = 24,
- bool? withRotation,
- Curve curve = Curves.fastLinearToSlowEaseIn,
- EdgeInsets padding = const EdgeInsets.all(8.0),
- Duration duration = const Duration(milliseconds: 400),
- MouseCursor mouseCursor = SystemMouseCursors.click,
- TextDirection? textDirection,
- Key? key,
This widgets consists of startIcon
& endIcon
,
color
is the icons color, will be applied to the
both of icons, unless startIconColor
, endIconColor
are set.
iconSize
is the size of the two icons.
showStartIcon
if is true
the widget will show initially the startIcon,
if set to false
it will show initially the endIcon.
withRotation
indicates weather the icons will transite with rotation.
curve
the curve of the transition velocity.
duration
the duration of the transition, initially set to 400 ms
textDirection
the direction of the icons.
onPressed
called when the user press the button.
tooltip
a short message shown when the user hold a tap over the button.
autoFocus
indicates weather the button will be auto focused.
Implementation
const QudsAnimatedCombinedIconsButton(
{required this.startIcon,
required this.endIcon,
this.startIconColor,
this.endIconColor,
this.color,
this.showStartIcon = true,
this.onPressed,
this.tooltip,
this.autofocus = false,
this.focusNode,
this.iconSize = 24,
this.withRotation,
this.curve = Curves.fastLinearToSlowEaseIn,
this.padding = const EdgeInsets.all(8.0),
this.duration = const Duration(milliseconds: 400),
this.mouseCursor = SystemMouseCursors.click,
this.textDirection,
Key? key})
: super(key: key);