https://github.com/IvanSupervan/filling_slider

https://github.com/IvanSupervan/filling_slider

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/IvanSupervan/filling_slider
• Owner: IvanSupervan
• License: mit
• Created: 2021-03-29T14:31:39.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-13T15:48:05.000Z (over 3 years ago)
• Last Synced: 2024-06-18T18:57:10.293Z (3 months ago)
• Language: Dart
• Size: 1.6 MB
• Stars: 10
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Filling Slider

[![pub.dev points](https://badges.bar/filling_slider/pub%20points)](https://pub.dev/packages/filling_slider/score)

[![pub.dev likes](https://badges.bar/filling_slider/likes)](https://pub.dev/packages/filling_slider/score)

[![pub.dev popularity](https://badges.bar/filling_slider/popularity)](https://pub.dev/packages/filling_slider/score)  

This is IOS-like slider widget

Demo

![Example gif](https://github.com/IvanSupervan/filling_slider/blob/main/img/slider.gif?raw=true)

## How to use

### Simple vertical slider

```

FillingSlider()

```

### Simple horizontal slider

```

FillingSlider(

  direction: FillingSliderDirection.horizontal

)

```

## Props

You can set initial value of slider in range [0.0, 1.0]

```

double initialValue

```

### Visual Props

You can change size, direction and color of slider

```

double width

```

```

double height

```

```

Color color

```

```

Color fillColor

```

```

SliderDirection direction

```

### Callbacks Props

There are 2 methods to respond to a change in the value of the slider

```

Function onChange - Notifies about all slider changes

```

```

Function onFinish - Notifies about the end of changes

```

### Child Props

```

Widget child

```

```

Function childBuilder

```