UserAccountsDrawerHeader
提供类似于下图这样的效果,一般都用在侧边栏 Drawer
组件中:
其中,accountName
和 accountEmail
是必选项。
另外,头像区域使用 currentAccountPicture
进行指定;
背景区域使用 decoration
属性进行指定;
详细代码示例如下:
UserAccountsDrawerHeader(
accountName: Text('刘龙宾'),
accountEmail: Text('liulongbin1314@outlook.com'),
currentAccountPicture: CircleAvatar(
backgroundImage: NetworkImage(
'https://images.gitee.com/uploads/91/465191_vsdeveloper.png'),
),
decoration: BoxDecoration(
// 设置背景图片
image: DecorationImage(
// 控制图片填充效果
fit: BoxFit.fill,
// 指定图片地址
image: NetworkImage(
'http://www.liulongbin.top:3005/images/bg1.jpg'))),
)