A sliding Flutter widget, based on the slide to unlock function from multiple devices.
Heavily customizable and flexible.
Add the following to your
dependencies: slide_button: ^0.2.8
- Use the SlideButton widget anywhere
Several properties are present and can be customized:
|height||Height of the Widget, leave blank to get the parent constraints.|
|backgroundChild||A child to be put on the background bar, NOT centered by default.|
|slidingChild||A child tobe put on the sliding bar, NOT centered by default.|
|backgroundColor||The color of the background bar.|
|slidingBarColor||The color of the sliding bar.|
|confirmPercentage||How much of the bar width have to be slided to confirm the action.|
|initialSliderPercentage||The initial (and resting) percentage of the sliding bar.|
|isDraggable||Is this widget draggable?|
|onButtonSlide||Callback that returns a
|onButtonOpened||Callback called when the button is slided all the way.|
|onButtonClosed||Callback called when the button is back to the initialSliderPercentage.|
|slideDirection||Either SlideDirection.RIGHT or SlideDirection.LEFT, sets the sliding direction of the sliding bar.|
|shouldCloseBorders||This updates the borders when the button reaches 0.9 percent dragged, and set the borderRadius to zero, giving the impression of a "closed" button. Defaults to
|shouldCloseBorders||BorderRadius for the sliding bar, default is 50.|
- [x] Create the repo
- [x] Make it work
- [ ] Fix text on the sliding bar
- [ ] Find a better activation function capable of activating between x and y percentages
- [ ] More listeners?
- [ ] Parallax effect?
- [ ] Make it pop
This widget was partially made possible by inspecting elements from sliding_up_panel.
Please Visit Flutter Sliding Button Source Code at GitHub