flutter 圆形头像
时间: 2023-10-16 14:07:02 浏览: 19
android圆形头像
在 Flutter 中,可以使用 CircleAvatar Widget 来创建圆形头像。以下是一个简单的示例代码:
```
CircleAvatar(
radius: 50.0, // 头像半径
backgroundImage: NetworkImage('https://example.com/images/avatar.jpg'), // 头像图片网络地址
);
```
你也可以使用其他类型的图片,例如AssetImage或FileImage。如果不想要图片,可以使用backgroundColor属性来设置头像的背景颜色。例如:
```
CircleAvatar(
radius: 50.0,
backgroundColor: Colors.blue,
child: Text('AB'), // 头像中的文字
);
```
还可以在CircleAvatar的child属性中添加其他的Widget,例如Icon Widget:
```
CircleAvatar(
radius: 50.0,
backgroundColor: Colors.green,
child: Icon(Icons.person, size: 60.0),
);
```
这些示例代码可以帮助你创建具有不同样式的圆形头像。
阅读全文