Elastic Widgets
Set of Flutter widgets built using physics based animations.
Widgets
| Seek Bar | Range Picker |
|---|---|
 |
 |
Installation
Add this to your package's pubspec.yaml file
dependencies:
elastic_widgets: 0.0.1
Usage
Seek bar:
ElasticSeekBar(
valueListener: (value) {
print("slider value: $value");
},
size: Size(300, 100),
stretchRange: 50.0,
minValue: 0,
maxValue: 100,
circleRadius: 12,
thinLineStrokeWidth: 3,
thickLineStrokeWidth: 4,
thickLineColor: Colors.blue,
thinLineColor: Colors.blueGrey,
bounceDuration: Duration(seconds: 1),
stiffness: 300,
dampingRatio: 5,
),
Range picker:
ElasticRangePicker(
valueListener: (firstValue, secondValue) {
print("range picker first value: $firstValue");
print("range picker second value: $secondValue");
},
size: Size(300, 100),
stretchRange: 50.0,
minValue: 0,
maxValue: 100,
circleRadius: 12,
thinLineStrokeWidth: 3,
thickLineStrokeWidth: 4,
thickLineColor: Colors.orange,
thinLineColor: Colors.blueGrey,
bounceDuration: Duration(seconds: 1),
stiffness: 300,
dampingRatio: 5,
),
Planned widgets
- Radio button
- Checkbox
- Dialog
- Button
Made with
keywords: widget, elastic, slider, seekbar, seek bar, range picker, rangepicker
220 Dec 21, 2022
1.3k Jan 4, 2023
23 Nov 6, 2022
102 Dec 28, 2022
86 Dec 11, 2022
84 Dec 16, 2021
101 Jan 17, 2022
7 Dec 7, 2022
91 Dec 3, 2022