浅识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('死生不复相见'),),
],
),
),











