A fully customizable button with material ripple effect. Easy to use having some pre-defined button types.
This will change the button design and behaviour to show if it is disabled or enabled.
If false, this will change background color to disabled
(see RippleButtonColor
), reduce opacity. The button will also not be clickable.
On activation or deativation it will do a bouncing animation to gain users attention.
propType: bool
Expects a function that will be executed on button press. If null, button will not be clickable. To apply disable design use isEnabled
propType: Function()?
Adds a padding to the button.
propType: EdgeInsets
This will change the style form the Ripple Button Send values to customize the Ripple Button Widget
propType: RippleButtonStyle
This are pre-config designs for the ripple button This is optional, if not set the widget will use your design for the button
propType: RippleButtonType
Expects a RippleButtonColor This will change the color style to the ripple button
propType: RippleButtonColor
Expects a RippleButtonBorder This will change the border style to the ripple button
propType: RippleButtonBorder
This will change the elevation to the ripple button
propType: double
This will change the height to the ripple button
propType: double
This will change the width to the ripple button
propType: double
This will change the text style of the text inside the ripple button
propType: TextStyle
This will change the background color from the button
propType: Color
This will change the foreground color from the button
This will change the disabled color from the button
propType: Color
This will change the color on mouse over
propType: Color
This will change the shadow color from the button
propType: Color
Expects a BorderSide to change border size, color and style Default is none.
propType: BorderSide
Expects a BorderRadius to set border format (round corners for example) Default is zero.
propType: BorderRadius
YELLOW:
AMBER:
WHITE_TRANSLUCENT:
BLUE_TRANSLUCENT:
See LICENSE.md