Description:

fan side drawer

A fantasy and animated side drawer with all required properties for all platforms.


Installation #
In the pubspec.yaml of your flutter project, add the following dependency:
dependencies:
flutter:
sdk:
fan_side_drawer: any
copied to clipboard
Import the fantasy side drawer package like this:
import 'package:fan_side_drawer/fan_side_drawer.dart';
copied to clipboard
Usage #
Simply create a FanSideDrawer widget in the Drawer Widget of the Scaffold, and pass the required params:
Scaffold(
drawer: Drawer(
width: 255,
child: FanSideDrawer(
menuItems: menuItems,
),
),
....
);
copied to clipboard
Customization #
Customize the FanSideDrawer widget with these parameters:

/// Defines duration value for all animations used.
/// Defaults to Duration(milliseconds: 600).
final Duration animationDuration;

/// Defines selected text and icon color;
/// This color applied to menu icon only if you define an [IconData] for the menu item
/// Defaults to Colors.purple
final Color selectedColor;

/// Defines un selected text and icon color;
/// This color applied to menu icon only if you define an [IconData] for the menu item
/// Defaults to Colors.grey
final Color unSelectedColor;

/// Defines the text style for menu items.
/// Defaults to TextStyle(fontSize: 14)
final TextStyle menuItemTextStyle;

/// Defines the background color of the selected menu item.
/// Defautls to Color(0x41A951F1)
final Color selectedItemBackgroundColor;

/// Defines the Drawer animation type; You must select an item from [DrawerType] enum.
/// Defaults to DrawerType.pipe
final DrawerType drawerType;

/// Defines the width for drawer items.
/// Defaults to 230.
final double drawerItemsWidth;

/// Defines the height for drawer items.
/// Defaults to 230.
final double drawerItemsHeight;

/// Defines a list for drawer items. You must use [MenuItem] class to define drawer items.
final List<DrawerMenuItem> menuItems;

/// Defines padding for the drawer.
/// Defaults to EdgeInsetsDirectional.symmetric(vertical: 24)
final EdgeInsetsGeometry drawerPadding;

/// Defines the corner radius for the selected box, only in the [DrawerType.box] mode.
/// Defaults to const BorderRadius.all(Radius.circular(40))
final BorderRadius boxDrawerItemRadius;
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter