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 ❤️ for Flutter community - Pull requests are welcome 💥✨