Description:

ripple button

Ripple Button #

A fully customizable button with material ripple effect. Easy to use having some pre-defined button types.
Screenshot: #

Bouncing Animation: #

RippleButton #
isEnabled
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
onPressed
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()?
padding
Adds a padding to the button.
propType: EdgeInsets
style
This will change the style form the Ripple Button
Send values to customize the Ripple Button Widget
propType: RippleButtonStyle
type
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
color
Expects a RippleButtonColor
This will change the color style to the ripple button
propType: RippleButtonColor
border
Expects a RippleButtonBorder
This will change the border style to the ripple button
propType: RippleButtonBorder
RippleButtonStyle #
elevation
This will change the elevation to the ripple button
propType: double
height
This will change the height to the ripple button
propType: double
width
This will change the width to the ripple button
propType: double
text
This will change the text style of the text inside the ripple button
propType: TextStyle
RippleButtonColor #
background
This will change the background color from the button
propType: Color
foreground
This will change the foreground color from the button
disabled
This will change the disabled color from the button
propType: Color
overlay
This will change the color on mouse over
propType: Color
shadow
This will change the shadow color from the button
propType: Color
RippleButtonBorder #
side
Expects a BorderSide to change border size, color and style
Default is none.
propType: BorderSide
radius
Expects a BorderRadius to set border format (round corners for example)
Default is zero.
propType: BorderRadius
RippleButtonType #
YELLOW:

AMBER:

WHITE_TRANSLUCENT:

BLUE_TRANSLUCENT:

License #
See LICENSE.md

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter