https://github.com/7span/gradient-floating-button-flutter

This package will help you easily create FABs (Floating Action Buttons) with Linear & Radial Gradient Backgrounds.
https://github.com/7span/gradient-floating-button-flutter

flutter flutterpackage pubdev

Last synced: about 1 month ago
JSON representation

This package will help you easily create FABs (Floating Action Buttons) with Linear & Radial Gradient Backgrounds.

• Host: GitHub
• URL: https://github.com/7span/gradient-floating-button-flutter
• Owner: 7span
• License: mit
• Created: 2022-03-31T15:08:47.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-31T18:35:11.000Z (almost 4 years ago)
• Last Synced: 2025-03-16T01:45:08.912Z (11 months ago)
• Topics: flutter, flutterpackage, pubdev
• Language: C++
• Homepage: https://pub.dev/packages/gradient_floating_button
• Size: 260 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          


This package allows you to easily create FABs (Floating Action Buttons) with linear & radial gradient background.

## Features

> Create FABs with gradient backgrounds using Linear Gradient & Radial Gradient

## Screenshots

!["Screenshot_1](assets/screenshot_1.png)

!["Screenshot_2](assets/screenshot_2.png)

## Getting Started

Add this dependency to your **pubspec.yaml** file.

```

gradient_floating_button: ^0.0.2

//Add dependency from pub.dev to get latest version.

```

## Usage

```

// Use the 'GradientFloatingButton().withLinearGradient()' for Linear Gradient Background

floatingActionButton: GradientFloatingButton().withLinearGradient(

          onTap: _incrementCounter,

          iconWidget: const Icon(

            Icons.add,

            color: Colors.white,

          ),

          alignmentEnd: Alignment.topRight,

          alignmentBegin: Alignment.bottomLeft,

          colors: [Colors.blue, Colors.purpleAccent]),

```

You can refer complete example from the `/example` folder.

### Having Issues

File the Issue [here](https://github.com/7span/gradient-floating-button-flutter/issues)

### Looking to contribute to this package:

**🤘🏻 Great!**

Fork the [Repo](https://github.com/7span/gradient-floating-button-flutter), Update Code, Send a PR. That's all you need to Contribute.