fading_image_button 0.9.0+1

A Flutter image button widget, that fades between default and pressed state.

fading_image_button

Animated Flutter image button widget.

About

It fades between pressed and default state. On onTapUp event after half the animation duration, the onPress function is triggered. Both images are cached to avoid longer initial loading time.

Getting Started

Widget build(BuildContext context) {
    return FadingImageButton(
        onPressed: () => print(pressed),
        image: Image.asset("assets/button.png"),
        onPressedImage: Image.asset("assets/button-pressed.png"),
    );
}

Properties

property	description
onPressed	Function that is called on onTapUp event.
image	Image of the button.
onPressImage	Overlay image. It is triggered on onTapDown event.
width	Button width.
height	Button height.
padding	Padding of the container widget. Therefore actually margin of the button.
duration	Duration of the fading animation.

Fat properties are required.