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

Blue Modern Manager Marketing Linkedin Article Cover

GitHub

View Github