flutter_web_buttons 0.0.1 flutter_web_buttons: ^0.0.1 copied to clipboard
Add quick buttons to your app.
flutter_web_buttons #
A quick way to add a growing list of customizable flat or animated buttons to your app.
Features #
- Each button features it's own constructor with plenty of options for customization.
- Includes most commonly used Social Icons
Installation #
In the dependencies:
section of your pubspec.yaml
, add the following line:
dependencies:
flutter_web_buttons: <latest_version>
In your library add the following import:
import 'package:flutter_web_buttons/flutter_web_buttons.dart';
Getting Started #
FlutterWebButton.textScroll(
'Text Scroll',
onPressed: () {},
animationDuration: const Duration(milliseconds: 500),
flutterWebButtonOptions: FlutterWebButtonOptions(
buttonWidth: 200,
buttonRadius: 30,
textColor: Colors.pink,
buttonBackgroundColor: Colors.transparent,
buttonBorderColor: Colors.pink),
),
FlutterWebButton.backgroundFill(
'Background Fill',
onPressed: () {},
flutterWebButtonOptions: FlutterWebButtonOptions(
buttonWidth: 200,
buttonRadius: 30,
),
FlutterWebButton.raiseText(
'Raise Text | Shadow',
onPressed: () {},
flutterWebButtonOptions: FlutterWebButtonOptions(
buttonWidth: 200,
buttonRadius: 8,
boxShadowColor: Colors.grey.withOpacity(0.8),
),
),
Examples #
Text Scroll #
Background Fill #
Raise Text #
Button Customization Properties #
Animation Properties #
Some properties are not applicable for all buttons.
Animation Specific Property | Availabilty |
---|---|
Animation Duration | All Animated Buttons |
Animated Text Color | Button Specific |
Animated Background Color | Button Specific |
Decoration Properties #
FlutterWebButtonOptions | FlutterWebIconButtonOptions |
---|---|
Height | Icon Size |
Width | Icon Color |
Background Color | Padding |
Text Color | |
Font Size | |
Font Family | |
Padding | |
Eliminate Decoration | |
Button Radius | |
Border Color | |
Border Width | |
Shadow Color | |
Spread Radius |
| Blur Radius | | | Shadow Offset | |