https://github.com/ahmadalibaloch/flutterexpendablefab

Flutter Expendable Fab Button with a star view
https://github.com/ahmadalibaloch/flutterexpendablefab

android dart expendable fab flutter ios linux web windows

Last synced: 4 months ago
JSON representation

Flutter Expendable Fab Button with a star view

• Host: GitHub
• URL: https://github.com/ahmadalibaloch/flutterexpendablefab
• Owner: ahmadalibaloch
• License: mit
• Created: 2021-09-06T23:25:21.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-08-30T19:59:17.000Z (almost 4 years ago)
• Last Synced: 2024-04-24T02:22:49.213Z (about 2 years ago)
• Topics: android, dart, expendable, fab, flutter, ios, linux, web, windows
• Language: Dart
• Homepage:
• Size: 146 KB
• Stars: 5
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Expendable Fab Menu

[![Pub](https://img.shields.io/pub/v/expendable_fab.svg)](https://pub.dev/packages/expendable_fab)

[![Pull Requests are welcome](https://img.shields.io/badge/license-MIT-blue)](https://github.com/ahmadalibaloch/FlutterExpendableFab/blob/master/LICENSE)

[![Codemagic build status](https://api.codemagic.io/apps/613966b6d1095af263a57f02/613966b6d1095af263a57f01/status_badge.svg)](https://codemagic.io/apps/613966b6d1095af263a57f02/613966b6d1095af263a57f01/latest_build)

![Null safety](https://img.shields.io/badge/null%20safety-true-brightgreen)

A flutter expendable simple FAB Floating Action Button menu

![Showcase](https://github.com/ahmadalibaloch/FlutterExpendableFab/blob/master/example/screenshots/expended.png)

## Installation

Just add `expendable_fab` to your [pubspec.yml](https://flutter.io/using-packages/) file

```yml

dependencies:

  expendable_fab: ^0.0.1

```

## Example

```dart

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      home: Scaffold(

        body: Placeholder(),

        floatingActionButton: ExpendableFab(

          icon: Icon(Icons.favorite),

          closeIcon: Icon(Icons.close),

          distance: 112.0,

          children: [

            ActionButton(

              onPressed: () => toast(context, 'balance'),

              icon: const Icon(Icons.account_balance),

            ),

            ActionButton(

              onPressed: () => toast(context, 'money'),

              icon: const Icon(Icons.money),

            ),

          ],

        ),

      ),

    );

  }

}

```

You can check for a more complete example in the [example](https://github.com/ahmadalibaloch/FlutterExpendableFab/tree/master/example) directory.

## Customize

You can customize the widget appareance using the following properties:

| Property  | Description | Default |

|----------|-------------|---------|

| distance | Sets the widget distance from bottom and right side | `112` |

| icon     | The FAB initial icon | `Icon(Icons.create)` |

| closeIcon     | The FAB close icon | `Icon(Icons.close)` |

## Contributing

Please submit a PR 😁, I want to have

1 ) action buttons customization

2 ) button customization

3 ) more animations