A flutter package support a slider customize UI with bubble animation

bubble_slider

This package support a slider customize UI with bubble animation. Which is includes a onDragStart(), onDragEnd() as well as onChnage() methods callback through user get the values as per the requirements.

animated_slider.mp4


Usage

Example

BubbleSlider(
    value: _value,
    isBubbleVisible: true,
    onChanged: (val) {
    _value = val;
    },
    onChangeEnd: (s) {},
    color: Colors.blue,
),

Required parameters

Value:

Value which will be set as current value of slider between 0 to 100.

onChanged(double val):

This is a callback, Through which user can get the current value of slider as it gets updated.

onChangeEnd(double val):

This is also a callback similar to onChanged, using it we can get current value of slider as well as track when the user is done changing the value.

Optional parameters

Color:

User can set the color for slider and bubbles.

isBubbleVisible:

This is to disable the bubble animation.

onChangeStart(double val):

This is a callback using which which gets triggered when user starts dragging.

Guideline for contributors

Contribution towards our repository is always welcome, we request contributors to create a pull request to the develop branch only.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue.

LICENSE!

Bubble Slider is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.

GitHub

View Github