flutter_web_buttons 0.0.8 copy "flutter_web_buttons: ^0.0.8" to clipboard
flutter_web_buttons: ^0.0.8 copied to clipboard

Add fully customizable animated buttons or icon buttons easily to your web project.

BuymMeACoffee

flutter_web_buttons #

pub package

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
  • Buttons can be used as a Hero

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),
),

Examples #

Button Animation
backgroundColorChange bg_color
backgroundFill bg_fill
grow button_grow
iconGrow icon_grow
textMove move_text
simple Simple button with no animation
socialIcon Social icon with no animation (see list)
socialIconGrow Scales a social icon to a given size
textColorChange txt_color_change
textScroll txt_scroll
textUnderline underline
buttonHighlightIconFill icon_w_bg_fill

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
growAmount Grow effect buttons only

Decoration Properties #

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
1
likes
130
pub points
53%
popularity

Publisher

unverified uploader

Add fully customizable animated buttons or icon buttons easily to your web project.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_web_buttons