Ripple Button

Pub Version

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

Here is the example screenshot:

RippleButton

text

Change the text from the button

propType: String

REQUIRED!

onPressed

Expects a function that will be executed on button press.

propType: Function()

REQUIRED!

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

RippleButtonStyle

color

Expects a RippleButtonColor This will change the color to the ripple button

propType: RippleButtonColor

elevation

This will change the elevation to the ripple button

propType: double

height

This will change the height to the ripple button

propType: double

text

This will change the text style of the text inside the ripple button

propType: TextStyle

border

This will add a border to the ripple button

propType: double

RippleButtonColor

background

This will change the background color from the button

propType: Color

foreground

This will change the foreground color from the button

propType: Color

shadow

This will change the shadow color from the button

propType: Color

RippleButtonType

YELLOW:

Captura de Tela 2021-05-02 às 19 46 39

WHITE_TRANSLUCENT:

Captura de Tela 2021-05-02 às 19 47 09

BLUE_TRANSLUCENT:

Captura de Tela 2021-05-02 às 19 46 53

NONE: Custom Design

License

See LICENSE.md

Libraries

blue_translucent
custom
ripple_button
ripple_button_style
white_translucent
yellow