swipeable_button_view

You can create ripple animated pages with swipeable_button_view.

Install

Add swipeable_button_view: to your pubspec.yaml dependencies then run flutter pub get

dependencies:
  swipeable_button_view:

Then import the package to use

import 'package:swipeable_button_view/swipeable_button_view.dart';

Example

import 'package:swipeable_button_view/swipeable_button_view.dart';

SwipeableButtonView(
    buttonText: 'SLIDE TO PAYMENT',
    buttonWidget: Container(
        child: Icon(Icons.arrow_forward_ios_rounded,
            color: Colors.grey,
                ),),
    activeColor: Color(0xFF009C41),
    isFinished: isFinished,
    onWaitingProcess: () {
    Future.delayed(Duration(seconds: 2), () {
            setState(() {
                isFinished = true;
                      });
                    });
                  },
    onFinish: () async {
        await Navigator.push(context,
                        PageTransition(
                            type: PageTransitionType.fade,
                            child: DashboardScreen()));

                    //TODO: For reverse ripple effect animation
                    setState(() {
                      isFinished = false;
                    });
                  },
)

Screen Recording

Props

props	types	defaultValues	isRequired
onFinish	`VoidCallback`		`true`
onWaitingProcess	`VoidCallback`		`true`
activeColor	`Color`		`true`
buttonWidget	`Widget`		`true`
buttonText	`String`		`true`
isFinished	`bool`	`false`
isActive	`bool`	`true`
disableColor	`Color`	`Colors.grey`
buttonColor	`Color`	`Colors.white`
buttontextstyle	`TextStyle`	`TextStyle(color: Colors.white, fontWeight: FontWeight.bold)`
indicatorColor	`Animation<Color?>`	`AlwaysStoppedAnimation<Color>(Colors.white)})`

GitHub

View Github