A quick way to add a growing list of customizable flat or animated buttons to your app.
- Each button features it's own constructor with plenty of options for customization.
- Includes most commonly used Social Icons
- Buttons can be used as a Hero
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';
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),
),
Animation Specific Property | Availabilty |
---|---|
Animation Duration | All Animated Buttons |
Animated Text Color | Button Specific |
Animated Background Color | Button Specific |
growAmount | Grow effect buttons only |
FlutterWebButtonOptions | FlutterWebIconButtonOptions |
---|---|
Height | Icon Size |
Width | Icon Color |
Background Color | Padding |
Text Color | Hero Tag |
Font Size | IsHeroWidget |
Font Family | |
Padding | |
Eliminate Decoration | |
Button Radius | |
Border Color | |
Border Width | |
Shadow Color | |
Spread Radius | |
Blur Radius | |
Shadow Offset | |
Hero Tag | |
IsHeroWidget |