Phlox Drawer is a simple package to create beautiful custom drawer .
- Animate multiple properties at once
options | PhloxDrawerOption.oneScreen() | PhloxDrawerOption.twoScreen() | PhloxDrawerOption.threeScreen() |
---|---|---|---|
gif | |||
codes | (example1) | (example2) | (example3) |
- add package
dependencies:
phlox_drawer: ^1.0.0
flutter pub get
flutter pub upgrade
check /example
folder.
image :
class _MyHomePageState extends State<MyHomePage> {
PhloxDrawerController controller = PhloxDrawerController();
@override
Widget build(BuildContext context) {
return PhloxDrawer(
context: context,
controller: controller,
options: PhloxDrawerOption.oneScreen(),
duration: Duration(seconds: 1),
drawerPage: Scaffold(),
mainPage: Scaffold(),
);
}
}
image :
class _MyHomePageState extends State<MyHomePage> {
PhloxDrawerController controller = PhloxDrawerController();
@override
Widget build(BuildContext context) {
return PhloxDrawer(
context: context,
controller: controller,
options: PhloxDrawerOption.twoScreen(),
duration: Duration(seconds: 1),
drawerPage: Scaffold(),
mainPage: Scaffold(),
);
}
}
image :
class _MyHomePageState extends State<MyHomePage> {
PhloxDrawerController controller = PhloxDrawerController();
@override
Widget build(BuildContext context) {
return PhloxDrawer(
context: context,
controller: controller,
options: PhloxDrawerOption.threeScreen(),
duration: Duration(seconds: 1),
drawerPage: Scaffold(),
mainPage: Scaffold(),
);
}
}
Just add two Widget inside PhloxDrawer and control with PhloxDrawerController