Pushable Button

A 3D pushable button built in Flutter. Ideal for important CTAs in the app.

Usage

PushableButton(
  child: Text('ENROLL NOW', style: someTextStyle),
  height: 60,
  elevation: 8,
  hslColor: HSLColor.fromAHSL(1.0, 120, 1.0, 0.37),
  shadow: BoxShadow(
    color: Colors.grey.withOpacity(0.5),
    spreadRadius: 5,
    blurRadius: 7,
    offset: Offset(0, 2),
  ),
  onPressed: () => print('Button Pressed!'),
)

Configurable Properties

• child: child widget (normally a Text or Icon)
• height: height of the top layer
• elevation: elevation or “gap” between the top and bottom layer
• hslColor: color of the top layer. HSLColor is used instead of Color so that the bottom layer is automatically calculated by reducing the luminosity
• shadow: an optional shadow to make the button look better
• onPressed: button callback

Download 3D Pushable Button source code on GitHub

A 3D pushable button built in Flutter. Ideal for important CTAs in the app.
https://github.com/bizz84/pushable_button
12 forks.
29 stars.
6 open issues.

Recent commits:

• Updated CHANGELOG. Version 0.0.2, Andrea Bizzotto
• Move images to .github/images, Andrea Bizzotto
• Updated license, Andrea Bizzotto
• Add social banner, Andrea Bizzotto
• Add homepage & repository to pubspec.yaml, Andrea Bizzotto