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)})
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
