Skip to content

A simple package for adding a Diamond Shaped Floating Action Button with triangular notched in buttom app bar.

License

Notifications You must be signed in to change notification settings

t-jarpis/Flutter-DiamondFab

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Material Design Diamond FAB

A simple package for adding a Diamond Floating Action Button or FAB to a flutter application. This FAB also allows for a notch to be made inside of the Bottom Application Bar or Bottom Navigation Bar based on the positioning.

Show some ❤️ and star the repo to support the project

Screenshots

Usage

Example

To use this package :

  dependencies:
    flutter:
      sdk: flutter
    diamond_notched_fab: ^0.0.1

To set diamond shaped FAB

//...
fabButton() =>  DiamondNotchedFab(
                onPressed: (){},
                backgroundColor: Colors.greenAccent,
                child: Icon(Icons.add),
                );
//...

Fetch Songs

//...
bottomBar() =>  BottomAppBar(
                notchMargin: 8,
                shape: DiamondFabNotchedShape(),
                color: Colors.indigo,
                child: Container(height: 60.0),
                );
//...

Created & Maintained By

Jay Patel

Getting Started

For help getting started with Flutter, view our online documentation.

About

A simple package for adding a Diamond Shaped Floating Action Button with triangular notched in buttom app bar.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 85.4%
  • HTML 9.7%
  • Swift 3.5%
  • Kotlin 1.1%
  • Objective-C 0.3%