customizable_buttons 1.0.0
customizable_buttons: ^1.0.0 copied to clipboard
A highly customizable Flutter button widget with rich styling options, interactive animations, and responsive design support.
Customizable Buttons #
A highly customizable Flutter button widget that offers rich styling options, smooth animations, and interactive effects. Perfect for creating engaging and consistent button designs across your Flutter applications.
Features #
- 🎨 Highly Customizable: Customize colors, dimensions, border radius, and elevation
- ✨ Interactive Animations: Built-in scale and hover animations
- 🔄 State Management: Proper handling of pressed, hover, and disabled states
- 📱 Responsive: Works seamlessly across different screen sizes
- 🎯 Easy to Use: Simple API with sensible defaults
[Button Examples]
Getting Started #
Add this to your package's pubspec.yaml file:
dependencies:
customizable_buttons: ^1.0.0
Then run:
$ flutter pub get
Usage #
import 'package:customizable_buttons/customizable_buttons.dart';
// Default button with minimal configuration
CustomizableButton(
onPressed: () {
print('Button pressed!');
},
child: Text('Click Me'),
);
// Fancy button with custom styling
CustomizableButton(
onPressed: () {
print('Fancy button pressed!');
},
child: Text('Fancy Button'),
color: Colors.purple,
width: 180,
height: 50,
borderRadius: BorderRadius.circular(25),
elevation: 4,
enableScaleAnimation: true,
enableHoverEffect: true,
);
// Disabled button
CustomizableButton(
onPressed: null,
child: Text('Disabled'),
disabledColor: Colors.grey[400],
);
Properties #
| Property | Type | Default | Description |
|---|---|---|---|
onPressed |
VoidCallback? |
null |
Callback when button is pressed. If null, button is disabled. |
child |
Widget |
Required | The widget to display inside the button. |
color |
Color? |
Colors.blue |
The background color of the button. |
disabledColor |
Color? |
Colors.grey[400] |
The color when button is disabled. |
width |
double |
120 |
The width of the button. |
height |
double |
50 |
The height of the button. |
borderRadius |
BorderRadiusGeometry? |
BorderRadius.circular(8) |
The border radius of the button. |
elevation |
double |
2 |
The elevation of the button. |
animationDuration |
Duration |
200ms |
Duration of the press/hover animations. |
enableScaleAnimation |
bool |
true |
Whether to enable scale animation on press. |
enableHoverEffect |
bool |
true |
Whether to enable hover effect. |
Additional Information #
- Bug Reports and Feature Requests: Please file issues on the GitHub repository
- Contributing: Contributions are welcome! Please read our contributing guidelines before submitting PRs
- License: This project is licensed under the MIT License - see the LICENSE file for details
For more examples and detailed documentation, visit our documentation site.