slider_button 2.0.0 icon indicating copy to clipboard operation
slider_button: ^2.0.0 copied to clipboard

Customizable slider button widget for activating/deactivating some event.

Slider Button v2.0.0 #

Open Source Love

This package provides an easy implementation of a Slider Button to cancel current transaction or screen. Highly customizable iphone alike looking widget.

Null safety supported #

How to use #

Type 1 #

This is a Circle type widget. You just need to define the border radius to swap between rectangle and circle type widget.

import 'package:slider_button/slider_button.dart';

Center(child: SliderButton(
      action: () {
        ///Do something here
       label: Text(
          "Slide to cancel Event",
          style: TextStyle(
              color: Color(0xff4a4a4a), fontWeight: FontWeight.w500, fontSize: 17),
      icon: Text(
        style: TextStyle(
          color: Colors.white,
          fontWeight: FontWeight.w400,
          fontSize: 44,


Type 2 #

This is a Rectangle type widget.

import 'package:slider_button/slider_button.dart';

      action: () {
        ///Do something here OnSlide

      ///Put label over here
      label: Text(
        "Slide to cancel !",
        style: TextStyle(
            color: Color(0xff4a4a4a),
            fontWeight: FontWeight.w500,
            fontSize: 17),
      icon: Center(
          child: Icon(
        color: Colors.white,
        size: 40.0,
        semanticLabel: 'Text to announce in accessibility modes',

      ///Change All the color and size from here.
      width: 230,
      radius: 10,
      buttonColor: Color(0xffd60000),
      backgroundColor: Color(0xff534bae),
      highlightedColor: Colors.white,

Custom Usage #

There are several options that allow for more control:

actionnull(required) Define an action after slidding a button
childnullFor more customizable button add your own widget
vibrationFlagfalsecontrols vibration on successful dismissed
heightnull ?? 70Gives a height to a widget
widthnull ?? 250Gives a width to a widget
backgroundColorColor(0xffececec)Gives a background color to a widget
baseColorColor(0xff4a4a4a)Gives a shimmer base color to a widget
highlightedColorColors.whiteGives a shimmer highlighted color to a widget
buttonColorColors.blackGives a color to a slidder button
labelnullA text widget which assigns a label.
alignLabelAlignment(0.4, 0)Aligns text label
boxShadownullGives a shadow to a slidder button
iconnullA widget to provide an icon to a button
shimmerfalseenables/disables shimmer effect on the label
dismissibletrueMake it false if you want maintain the widget in the tree
buttonSizenull ?? 60Gives size to a button
dismissThresholds1.0The offset threshold when it should be considered dismissed

👍 Contribution #

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -m 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request
pub points


unverified uploader

Customizable slider button widget for activating/deactivating some event.

Repository (GitHub)


API reference


Icon for licenses.BSD-3-Clause (LICENSE)


flutter, shimmer, vibration


Packages that depend on slider_button