swipeable_button_view

Description:

swipeable button view

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:
copied to clipboard
Then import the package to use
import 'package:swipeable_button_view/swipeable_button_view.dart';
copied to clipboard
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;
});
},
)
copied to clipboard
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)})