sweep_animation_button


New package enables you to create a button move with other properties to discover.


Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  sweep_animation_button: ^0.0.1

Import it:

import 'package:sweep_animation_button/sweep_animation_button.dart';

Usage Examples


Exemple 1


SweepAnimationButton(
    width: 250,
    height: 50,
    animationProgressColor: Colors.green[800],
    borderRadius: 50,
    animationColor: Colors.lightGreen,
    backroundColor: Colors.lightGreen[200],
    durationCircle: 5,
    hideIcon: true,
    child: Text(
      "Sweeped Button",
      style: TextStyle(
        fontSize: 15,
        color: Colors.green[600],
        fontWeight: FontWeight.w600,
        letterSpacing: 1,
      ),
    ),
    onTap: () {
      showDialog(
        context: context,
        builder: (context) => Dialog(
          shape: const CircleBorder(),
          elevation: 0.4,
          child: Container(
            width: 70,
            height: 70,
            decoration: BoxDecoration(
              color: Colors.lightGreen[300],
              shape: BoxShape.circle,
            ),
            child: Center(
              child: Icon(
                Icons.done,
                size: 24,
                color: Colors.lightGreen[700],
              ),
            ),
            ,
        ),
      );
    },
  ),
  

Exemple_1


Exemple 2


SweepAnimationButton(
    width: 250,
    height: 50,
    animationProgressColor: Colors.deepPurple[100],
    borderRadius: 0,
    animationColor: Colors.deepPurple,
    backroundColor: Colors.deepPurple[200],
    durationCircle: 5,
    hideIcon: true,
    child: Text(
      "Sweeped Button",
      style: TextStyle(
        fontSize: 15,
        color: Colors.deepPurple[700],
        fontWeight: FontWeight.w600,
        letterSpacing: 1,
      ),
    ),
    onTap: () {
      setState(() => isChanged = !isChanged);
      setState(() => visibility = false);
    },
  ),
  

Exemple_2


Property Description
Size Determine the Height and Width you want .
Child Full liberty to modify Widget text or icon.
Fade icon Switch it on or off animation fade with icon.
onTap After the time you set you react Function automatically .
Duration Setting the expiry time CircleProgressIndicator .
BorderRadius Complete freedom to choose the shape of Widget corners if you show them sharp corners put number 0 or circular 100 .
Color Free to choose Color whether Backround or Color Sweeped .

Your Profile https://github.com/SanterDev1 Thanks to everybody .