flutter_sliding_drawer

Last updated:

0 purchases

flutter_sliding_drawer Image
flutter_sliding_drawer Images
Add to Cart

Description:

flutter sliding drawer

If you want to add a beautiful sliding animation menu to your application in an easy way, you can use this package.
All you need is to pass your content and drawer widgets to the SlidingDrawer.

How to use #
To use the SlidingDrawer pass build functions drawerBuilder and contentBuilder that return drawer
and content widgets correspondingly.
You can set drawer width, animation duration and curve by using settings argument.
Set ignorePointer to true if you need to disable opening/closing drawer by dragging.
To respond to opening/closing drawer, API provide listener onAnimationStatusChanged.
Supports left and right drawer position.
Example #
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});

@override
State<StatefulWidget> createState() {
return _MyHomePageState();
}
}

class _MyHomePageState extends State<MyHomePage> {
// Optional. Provide Key<SlidingDrawerState> if you want
// to open/close the drawer in response to some action
final slidingDrawerKey = GlobalKey<SlidingDrawerState>();

@override
Widget build(BuildContext context) {
return SlidingDrawer(
key: slidingDrawerKey,
// Build content widget
contentBuilder: (context) {
return Scaffold(
appBar: AppBar(
automaticallyImplyLeading: false,
leading: IconButton(
icon: const Icon(
Icons.menu_rounded,
),
onPressed: () {
// Open drawer
slidingDrawerKey.open();
},
),
title: const Text('Home page'),
),
body: const MyHomePageBodyWidget(),
);
},
// Build drawer widget
drawerBuilder: (context) {
return MyDrawerWidget(
onItemPress: () {
// Close drawer
slidingDrawerKey.close();
}
);
},
);
}
}
copied to clipboard

License:

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

Files In This Product:

Customer Reviews

There are no reviews.