Flutter somo la 16: Jinsi ya kuweka drawer menu

Menu ya drawer hii ni ile ambayo ukibofya ku  kama ukurasa unafunguka na unakuwa na menu nyingine.  Menu hii inawekwa kwa kutumia widget ya drawer: Drawer()

import 'package:flutter/material.dart';

void main() {

 runApp(MyApp());

}

class MyApp extends StatelessWidget {

 @override

 Widget build(BuildContext context) {

   return MaterialApp(

     home: MyHomePage(),

   );

 }

}

class MyHomePage extends StatelessWidget {

 @override

 Widget build(BuildContext context) {

   return Scaffold(

     appBar: AppBar(

       title: Text('Drawer Menu Example'),

     ),

     body: const Center(

       child: Text('Home Page'),

     ),

     drawer: Drawer(

     ),

   );

 }

}

Baadhi ya properties za drawer:

1. Child hii inakuwa na widget kama listview, column, drawer header na title

2. Background ambayo inaweza kuwa na widget kama color

3. Elevation hii inaonyesha kivuli shini ya dawer

4. Shapeborder hii huonyesha umbo la drawer.

5. DrawerHeader hii huonyesha kichwa cha hiyo drawer

6. Listview hii husaidia kupangilia menu kwenye drawer katika orodtha. Ndani yake menu unaweza kuziweka kwenye widget ya listtitle

Mfano wa widget kwenye drawer:

import 'package:flutter/material.dart';

void main() {

 runApp(MyApp());

}

class MyApp extends StatelessWidget {

 @override

 Widget build(BuildContext context) {

   return MaterialApp(

     home: Scaffold(

       appBar: AppBar(

         title: Text('Drawer Example'),

       ),

       drawer: Drawer(

         backgroundColor: Colors.blue[100],

         elevation: 16.0,

         child: ListView(

           padding: EdgeInsets.zero,

           children: const <Widget>[

             DrawerHeader(

     &nbs...