عکس Abiri99
Set of Flutter widgets built using physics based animations.Dart
موضوع‌ها
۰
فورک‌ها
۲
ستاره‌ها
۷۶
تاریخ ایجاد
۲۱ تیر ۱۳۹۹
آخرین بروزرسانی
نزدیک ۲ سال قبل
لایسنس
BSD 3-Clause "New" or "Revised" License

Elastic Widgets

Set of Flutter widgets built using physics based animations.

Widgets

Seek Bar Range Picker
seekbar gif enter image description here

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

keywords: widget, elastic, slider, seekbar, seek bar, range picker, rangepicker