slider_button 2.1.0 copy "slider_button: ^2.1.0" to clipboard
slider_button: ^2.1.0 copied to clipboard

Customizable slider button widget for activating/deactivating some event.

example/lib/main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:slider_button/slider_button.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: MainApp());
  }
}

class MainApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Center(
                child: SliderButton(
              action: () async {
                ///Do something here
                return false;
              },
              label: Text(
                "Slide to cancel Event",
                style: TextStyle(
                    color: Color(0xff4a4a4a),
                    fontWeight: FontWeight.w500,
                    fontSize: 17),
              ),
              icon: Center(
                  child: Icon(
                CupertinoIcons.power,
                color: Colors.redAccent,
                size: 30.0,
                semanticLabel: 'Text to announce in accessibility modes',
              )),
              boxShadow: BoxShadow(
                color: Colors.black.withOpacity(0.3),
                blurRadius: 4,
              ),
            )),
            SliderButton(
              action: () async {
                ///Do something here OnSlide
                print("working");
                return false;
              },

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

              //Put BoxShadow here
              boxShadow: BoxShadow(
                color: Colors.black,
                blurRadius: 4,
              ),

              //Adjust effects such as shimmer and flag vibration here
              shimmer: true,
              vibrationFlag: true,

              ///Change All the color and size from here.
              width: 230,
              radius: 10,
              buttonColor: Color(0xffd60000),
              backgroundColor: Color(0xff534bae),
              highlightedColor: Colors.white,
              baseColor: Colors.red,
            ),
          ],
        ),
      ),
    );
  }
}
360
likes
150
pub points
97%
popularity

Publisher

unverified uploader

Customizable slider button widget for activating/deactivating some event.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter, shimmer, vibration

More

Packages that depend on slider_button