how to set drawer in app bar in flutter

app drawer in flutter

class navigationDrawer extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   return Drawer(
     child: ListView(
       padding: EdgeInsets.zero,
       children: <Widget>[
         createDrawerHeader(),
         createDrawerBodyItem(
           icon: Icons.home,text: 'Home'),
         createDrawerBodyItem(
           icon: Icons.account_circle,text: 'Profile'),

         createDrawerBodyItem(
           icon: Icons.event_note,text: 'Events'),
         Divider(),
         createDrawerBodyItem(
           icon: Icons.notifications_active,text: 'Notifications'),
         createDrawerBodyItem(
           icon: Icons.contact_phone,text: 'Contact Info'),
         ListTile(
           title: Text('App version 1.0.0'),
           onTap: () {},
         ),
       ],
     ),
   );
 }
}

Posted by: Guest on November-26-2020

Source

Widget createDrawerHeader() { return DrawerHeader( margin: EdgeInsets.zero, padding: EdgeInsets.zero, decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.fill, image: AssetImage('images/bg_header.jpeg'))), child: Stack(children: <Widget>[ Positioned( bottom: 12.0, left: 16.0, child: Text("Welcome to Flutter", style: TextStyle( color: Colors.white, fontSize: 20.0, fontWeight: FontWeight.w500))), ])); }

Widget createDrawerBodyItem( {IconData icon, String text, GestureTapCallback onTap}) { return ListTile( title: Row( children: <Widget>[ Icon(icon), Padding( padding: EdgeInsets.only(left: 8.0), child: Text(text), ) ], ), onTap: onTap, ); }

Code answers related to "how to set drawer in app bar in flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "how to set drawer in app bar in flutter"

Code answers related to "how to set drawer in app bar in flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us