fancy_button_new

Description:

fancy button new

fancy_button_new #


Fancy Buttons is a flutter widget library, include buttons for which is fully customizable and can be extended on request.
No more extra hassle for all the extra working around with buttons.
Installation #

Add this to your packages pubspec.yaml file:

dependencies:
fancy_button_new: <latest version>
copied to clipboard

Install it
You can install it from the command line:

$ flutter pub get
copied to clipboard

Import it
Now in Dart code, you can use:

import 'package:fancy_button_new/fancy_button_new.dart';
copied to clipboard
Recommendation #
We recommend you to using the latest version.
Using #
Enabled State. #
You need to use just the following code:
Default Type #
MyFancyButton(
isIconButton: isIconButton,
fontSize: fontSize,
text: text,
tap: tap,
buttonColor: buttonColor,
hasShadow: hasShadow),
copied to clipboard
Screenshot

####### ----- NEW Gradient Button ----- #######
MyFancyButton(
isGradient:true,
gradient:LinearGradient(
colors: [
Color(0xFF6B5AAF),
Color(0xFF21E1CA),
],
begin: Alignment.topRight,
end: Alignment.bottomLeft,
),
isIconButton: false,
fontSize: 15,
text: "Simple Button",
tap: (){},
buttonColor: null,
hasShadow: false),
copied to clipboard
####### ---------------------------- #######
Simple Button #
MyFancyButton(
isIconButton: false,
fontSize: 15,
text: "Simple Button",
tap: (){},
buttonColor: purpleLight,
hasShadow: false),
copied to clipboard
Colored Button #
MyFancyButton(
isIconButton: false,
fontSize: 15,
text: "Colored Button",
tap: (){},
fontColor: Colors.white,
buttonColor: purpleColor,
hasShadow: false),
copied to clipboard
Rounded Button #
MyFancyButton(
isIconButton: false,
fontSize: 15,
borderRadius: 10,
text: "Rounded Button",
tap: (){},
fontColor: Colors.white,
buttonColor: gmail,
hasShadow: false),
copied to clipboard
Shadow Button #
MyFancyButton(
isIconButton: false,
fontSize: 15,
spreadRadius: 0,
blurRadius: 4,
offset: const Offset(0, 4),
shadowColor: Colors.black.withOpacity(0.25),
text: "Shadow Button",
tap: (){},
fontColor: Colors.white,
buttonColor: greenColor,
hasShadow: true),
copied to clipboard
Image Button #
MyFancyButton(
isIconButton: true,
image: "assets/icons/select.png",
imageHeight: 20,
imageWidth: 20,
fontSize: 15,
text: "Image Button",
tap: (){},
fontColor: Colors.white,
buttonColor: infoColor,
hasShadow: false),
copied to clipboard
Outline Button #
MyFancyButton(
isIconButton: false,
borderColor: Colors.white,
borderRadius: 10,
fontSize: 15,
text: "Outlined Button",
tap: (){},
fontColor: Colors.white,
buttonColor: black,
hasShadow: true),
copied to clipboard