full_expandable_fab

Description:

full expandable fab

Full Expandable FAB #
Widget to show an animated floating action button which turns into a modal.

Instalation #
Include full_expandable_fab in your pubspec.yaml file:
dependencies:
flutter:
sdk: flutter
full_expandable_fab: version
copied to clipboard
API Reference #
Props



Name
Type
Description




child
Widget
Required Widget to wrap it. It's recommended to use a Scafold here.


innerChild
Widget
Required Widget to show into the expanded modal.


icon
Icon
Required. Icon to use into the initial floating button.


closeIconColor
Color
Color for the close icon. By default, it's white


buttonBackgroundColor
Color
Color to use as background for floating action button. By default it's the primary color of the theme.


backgroundColor
Color
Color to use as background of the expanded modal. By default is Color.fromRGBO(0, 0, 0, 0.5)


duration
Duration
Duration for the animation. By default is 250ms.



Example #
import 'package:full_expandable_fab/full_expandable_fab.dart';

...

class MyHomePage extends StatelessWidget {
final String title;
final GlobalKey<ExpandableFabState> keyFab = GlobalKey<ExpandableFabState>();

MyHomePage({Key? key, required this.title}) : super(key: key);

@override
Widget build(BuildContext context) {
return ExpandableFab(
key: keyFab,
backgroundColor: Colors.white,
closeIconColor: Colors.black,
duration: const Duration(milliseconds: 500),
innerChild: Column(
children: [
const Text('Inner widget'),
const TextField(),
ElevatedButton(
onPressed: () {
keyFab.currentState?.close();
},
child: const Text('Close me')
)
],
),
icon: const Icon(Icons.plus_one, color: Colors.white,),
child: Scaffold(
appBar: AppBar(
title: Text(title),
),
body: const Center(
child: Text(
'Hello, World!',
),
),
),
);
}
}
copied to clipboard
Author #

@ajomuch92

Feel free to open a PR or create an issue to contribute to this package.
License #
MIT