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

Usage

 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),
   ]
  ),
)

     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
           ]
       ),
     )

        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