浅识Flutter 基本组件Scaffold的 drawer属性 app左侧侧边栏
drawer属性用于定义应用程序的左侧侧边栏,通常与List View组件组合使用。该属性值为Drawer类型组件
 Drawer常用属性和功能
| 属性名 | 属性值类型 | 默认值 | 说明 | 
|---|---|---|---|
| child | Widget类型 | 设置左侧侧边栏徐亚放置的可显示对象,常用ListView进行实现 | |
| elevation | double | 16 | 设置Materia Design中组件的Z坐标顺序 | 
Drawer组件可以用DrawerHeader和UserAccountsDrawerHeader这两个组件添加头部效果。它们的属性如下表。
DrawerHeader的常用属性及功能
| 属性名 | 类型 | 功能说明 | 
|---|---|---|
| decoration | Decoration | 设置头部区域的装饰效果.通常用来设置背景颜色或者背景图片 | 
| curve | Curve | 设置切换动画效果.如果decoration发生了变化,则会使用curve设置的变化曲线和duration设置的动画时间来做一个切换动画 | 
| child | widget | 设置头部区城显示的组件 | 
| padding | EdgeInsetsGeometry | 设置头部区城组件的 padding值.如果 child为 null 的话,则这个值无效 | 
| margin | EdgeInsetsGeometry | 设置头部区域四周的间隙 | 
UserAccountsDraweHeader的常用属性及功能
| 属性名 | 类型 | 说明 | 
|---|---|---|
| margin | EdgelnsctsGcometry | 设置头部区城四周的间隙 | 
| decoration | Decoration | 设置头部区城的装饰效果.通常用来设置背景颜色或者背景图片 | 
| currentAccountPicture | Widget | 设置当前用户的头像 | 
| otherAccountsPictures | List | 设置当前用户其他账号的头像 | 
| accountName | Widget | 设置当前用户名 | 
| accountEmail | Widget | 设置当前用户Email | 
| onDetailsPressed | VoidCallBack | 设置当accountName或accountEmail被点击的时所触发的回调函数 | 
/*设置左侧侧边栏*/
    drawer:Drawer(
      child: ListView(
        children: <Widget>[
          ListTile(leading: Icon(Icons.account_balance),title: Text("紫禁城"),subtitle:  Text('紫禁城的风水养人'),),
          ListTile(leading: Icon(Icons.account_box_rounded),title: Text("雍正"),subtitle:  Text('往事暗沉不可追,来日之路光明灿烂'),),
          ListTile(leading: Icon(Icons.accessibility_new),title: Text("皇后"),subtitle:  Text('死生不复相见'),),
        ],
      ),
    ),
 











