slide to act button with simple animations and gradient background

About the creator

This package was created by SALAH EDDINE SALHI

Gradient Slide To Act

slide to act button with simple animations and gradient background

img.png gif gif-2 gif-3

Usage

gif

 GradientSlideToAct(
 width: 400,
 textStyle: TextStyle(color: Colors.white,fontSize: 15),
 backgroundColor: Color(0Xff172663),
 onSubmit: (){
  debugPrint("Submitted!");
 },
 gradient: const LinearGradient(
 begin: Alignment.topLeft,
 end: Alignment.bottomRight,
  colors: [
     Color(0xff0da6c2),
     Color(0xff0E39C6),
   ]
  ),
)

gif-2

     GradientSlideToAct(
       width: 400,
       dragableIcon: Icons.arrow_forward,
       textStyle: TextStyle(color: Colors.white,fontSize: 15),
       backgroundColor: Colors.purple,
       onSubmit:  (){},
       gradient:   LinearGradient(
           begin: Alignment.centerLeft,
           colors: [
             Colors.red,
             Colors.purple
           ]
       ),
     )

gif-3

        GradientSlideToAct(
          width: 400,
          dragableIconBackgroundColor: Colors.greenAccent,
          textStyle: TextStyle(color: Colors.white,fontSize: 15),
          backgroundColor: ColorManager.primary_dark_Color2,
          onSubmit: (){},
          gradient:  const LinearGradient(
              begin: Alignment.topLeft,
              end: Alignment.bottomRight,
              colors: [
               Color(0Xff11998E ), 
                Color(0Xff38EF7D), 
              ]
          ),
        )

Additional information

You can view more examples on pub.dev

GitHub

View Github