gradient_coloured_buttons 0.0.3 gradient_coloured_buttons: ^0.0.3 copied to clipboard
A Flutter package that offers customizable buttons with gradient colors. Enhance your Flutter UI by easily creating buttons with smooth gradient backgrounds. Customize the gradient colors, button dime [...]
Gradient Button #
A Flutter package that provides customizable buttons with gradient colors. Enhance your Flutter UI by easily creating buttons with smooth gradient backgrounds.
Features #
- Create buttons with gradient backgrounds using the
GradientButton
widget. - Customize button dimensions, border radius, and more.
- Easy integration and usage within your Flutter projects.
Getting started #
To use this package, add gradient_coloured_buttons
as a dependency in your pubspec.yaml
file:
dependencies: #
gradient_coloured_buttons: ^0.0.3
Example #
There are a number of properties that you can modify:
text
onPressed
gradientColors
width
height
borderRadius
textStyle
Usage #
//Import the package in your Dart file:
import 'package:gradient_coloured_buttons/gradient_coloured_buttons.dart';
// Create a gradient button:
class GradientButton extends StatelessWidget {
const GradientButton({Key? key, }) : super(key: key);
@override
Widget build(BuildContext context) {
return
// <---content starts here--->
GradientButton(
text: "Johnson Redonyx Silva",
textStyle: TextStyle(fontWeight: FontWeight.bold,fontSize: 15),
gradientColors: const [Colors.red,Colors.black,Colors.brown],
width: 200,
height: 50,
borderRadius: 30.0,
onPressed: (){}
);
// <---content ends here--->
}
}
Additional information #
This package offers a straightforward solution to apply gradient colors to buttons, enabling you to enhance their visual appeal effortlessly and efficiently.