UserAccountsDrawerHeader

提供类似于下图这样的效果,一般都用在侧边栏 Drawer 组件中:

其中,accountNameaccountEmail 是必选项。

另外,头像区域使用 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'))),
)

results matching ""

    No results matching ""