Description:

forked slider button

Slider Button v2.0.0 #

Forked from slider_button #
This package provides an easy implementation of a Slider Button to cancel current transaction or screen.
Highly customizable iphone alike looking widget.



Null safety supported #
How to use #
Type 1 #
This is a Circle type widget.
You just need to define the border radius to swap between rectangle and circle type widget.



import 'package:forked_slider_button/forked_slider_button.dart';

copied to clipboard
Center(child: SliderButton(
action: () {
///Do something here
Navigator.of(context).pop();
},
label: Text(
"Slide to cancel Event",
style: TextStyle(
color: Color(0xff4a4a4a), fontWeight: FontWeight.w500, fontSize: 17),
),
icon: Text(
"x",
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w400,
fontSize: 44,
),
),


));

copied to clipboard
Type 2 #
This is a Rectangle type widget.



import 'package:forked_slider_button/forked_slider_button.dart';

copied to clipboard
SliderButton(
action: () {
///Do something here OnSlide
},

///Put label over here
label: Text(
"Slide to cancel !",
style: TextStyle(
color: Color(0xff4a4a4a),
fontWeight: FontWeight.w500,
fontSize: 17),
),
icon: Center(
child: Icon(
Icons.power_settings_new,
color: Colors.white,
size: 40.0,
semanticLabel: 'Text to announce in accessibility modes',
)),

///Change All the color and size from here.
width: 230,
radius: 10,
buttonColor: Color(0xffd60000),
backgroundColor: Color(0xff534bae),
highlightedColor: Colors.white,
baseColor: Colors.red,
);
copied to clipboard
Custom Usage #
There are several options that allow for more control:



Properties
Default
Description




action
null
(required) Define an action after slidding a button


child
null
For more customizable button add your own widget


vibrationFlag
false
controls vibration on successful dismissed


height
null ?? 70
Gives a height to a widget


width
null ?? 250
Gives a width to a widget


backgroundColor
Color(0xffececec)
Gives a background color to a widget


baseColor
Color(0xff4a4a4a)
Gives a shimmer base color to a widget


highlightedColor
Colors.white
Gives a shimmer highlighted color to a widget


buttonColor
Colors.black
Gives a color to a slidder button


label
null
A text widget which assigns a label.


alignLabel
Alignment(0.4, 0)
Aligns text label


boxShadow
null
Gives a shadow to a slidder button


icon
null
A widget to provide an icon to a button


shimmer
false
enables/disables shimmer effect on the label


dismissible
true
Make it false if you want maintain the widget in the tree


buttonSize
null ?? 60
Gives size to a button


dismissThresholds
1.0
The offset threshold when it should be considered dismissed





👍 Contribution #

Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create new Pull Request

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter