],
),
drawer: MyDrawer(),
)
);
}
}
class MyDrawer extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Drawer(
child: MediaQuery.removePadding(
context: context,
removeTop: true,
child: Column(
children: [
Container(
padding: EdgeInsets.all(20.0),
color: Colors.blue,
child:
Row(
children: [
ClipOval(
child: Image.network("ss0.bdstatic.com/70cFuHSh_Q1…: 80.0,),
),
Container(
margin: EdgeInsets.only(left: 50.0),
child: Text("无名氏",style: TextStyle(
fontSize: 20.0,
color: Colors.white
),),
),
],
),
),
Expanded(
child: ListView(
children: [
ListTile(
leading: Icon(Icons.person,color: Colors.orange,),
title: Text("个人信息"),
onTap: (){},
),
ListTile(
leading: Icon(Icons.wallpaper,color: Colors.orange,),
title: Text("我的相册"),
onTap: (){},
),
ListTile(
leading: Icon(Icons.wallpaper,color: Colors.orange,),
title: Text("我的相册"),
onTap: (){},
),
ListTile(
leading: Icon(Icons.settings,color: Colors.orange,),
title: Text("设置"),
onTap: (){},
),
],
),
)
],
)
),
);
}
}
2.解释源代码
import 'package:flutter/material.dart';
void main () => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
//导航栏AppBar
appBar: AppBar(
//名称
title: Text("导航栏名称"),
//左边小图标Widget
leading: Builder(builder: (context){
return IconButton(
icon: Icon(Icons.dehaze,color: Colors.white,),
onPressed: (){
//打开Drawer抽屉菜单
Scaffold.of(context).openDrawer();
},
);
}),
//右边小图标Widget
actions: [
IconButton(
icon:Icon(Icons.share),
color: Colors.white,
onPressed: (){},
),
],
),
//绑定Drawer抽屉菜单
drawer: MyDrawer(),
)
);
}
}
class MyDrawer extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Drawer(
//MediaQuery.removePadding可以移除Drawer内的一些空白间距
child: MediaQuery.removePadding(
context: context,
removeTop: true,
child: Column(
children: [
Container(
padding: EdgeInsets.all(20.0),
color: Colors.blue,
child:
Row(
children: [
//圆形图标
ClipOval(
child: Image.network("ss0.bdstatic.com/70cFuHSh_Q1…: 80.0,),
),
Container(
margin: EdgeInsets.only(left: 50.0),
child: Text("无名氏",style: TextStyle(
fontSize: 20.0,
color: Colors.white
),),
),
],
),
),
Expanded(
//ListView列表组件
child: ListView(
children: [
//ListView的项
ListTile(
leading: Icon(Icons.person,color: Colors.orange,),
title: Text("个人信息"),
onTap: (){},
),
ListTile(
leading: Icon(Icons.wallpaper,color: Colors.orange,),
title: Text("我的相册"),
onTap: (){},
),
ListTile(
leading: Icon(Icons.wallpaper,color: Colors.orange,),
title: Text("我的相册"),
onTap: (){},
),
ListTile(
leading: Icon(Icons.settings,color: Colors.orange,),
title: Text("设置"),
onTap: (){},
),
],
),
)
],
)
),
);
