animated_drawer 0.0.3
animated_drawer: ^0.0.3 copied to clipboard

Flutter Android iOS web

A simple yet fully customizable drawer with animations for flutter.

Animated Drawer #

A simple yet fully customizable drawer with animations for flutter.

Black Technology LinkedIn Banner (1)

Screenshots #

Untitled_design-removebg-preview
4igeoh

Salient Features #

  • Set speed of animations.
  • Set coordinates of X-Axis and Y-Axis to which widget will translate.
  • Set Angle of rotation to which widget will rotate.
  • Supports gradient colors.
  • Support full customization of widgets
  • Any type of widget can be passed in HomePageContent and MenuPageContent.
  • Shadow Widget to enhance the presentation of drawer.
  • Shadow Widget can be customized.

Usage #

AnimatedDrawer(
shadowColor: Color(0xFF4c41a3),
backgroundGradient: LinearGradient(
colors: [Color(0xFF4c41a3), Color(0xFF1f186f)],),
menuPageContent: Padding(
padding: const  EdgeInsets.only(top: 100.0, left: 15),
child: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
FlutterLogo(
size: MediaQuery.of(context).size.width / 4,
),
Row(	
children: [
Text(
"FLUTTER",
style: TextStyle(
fontSize: 17,
color: Colors.white,
fontWeight: FontWeight.bold),
),
Text(
"HOLIC",
style: TextStyle(
fontSize: 17,
color: Colors.blue[200],
fontWeight: FontWeight.bold),
)],
),
Padding(
padding: EdgeInsets.only(bottom: 40),
),
Text(
"Home Screen",
style: TextStyle(
color: Colors.white,),
),
Padding(
padding: EdgeInsets.only(bottom: 20),
),
Text(
"Screen 2",
style: TextStyle(
color: Colors.white,),
),
Padding(
padding: EdgeInsets.only(bottom: 20),
),
Divider(
color: Color(0xFF5950a0),
thickness: 2,
),
Padding(
padding: EdgeInsets.only(bottom: 20),
),
Text(
"About",
style: TextStyle(
color: Colors.white,),),
      ],),
   ),
),
homePageContent: Container(
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height,
color: Colors.blue[200],
child: Center(
child: Image.asset(
"assets/avatar.png",
height: MediaQuery.of(context).size.height / 2,
     ),),
  ),
);
34
likes
110
pub points
40%
popularity

A simple yet fully customizable drawer with animations for flutter.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

mzmkhn123@gmail.com

License

MIT (LICENSE)

Dependencies

flutter, matrix4_transform

More

Packages that depend on animated_drawer