Flutter 中的 CircleAvatar 小部件：全面指南

Flutter 中的 CircleAvatar 小部件：全面指南

在 Flutter 中，CircleAvatar 是一个用于显示头像的圆形控件，通常包含一个图标、图片或者一个简单的文本字符。它在设计上与 Material Design 指南中的头像规范相匹配，常用于展示用户信息，如在聊天应用、用户列表或个人资料页面中。

基础用法

CircleAvatar 最基本的用法是显示一个包含单个字母的圆形头像：

CircleAvatar(
  child: Text('A'),
)

这将创建一个圆形头像，其中包含一个 “A” 字符。

使用图片

CircleAvatar 也可以用来显示图片，通过 Image 或 NetworkImage：

CircleAvatar(
  backgroundImage: Image.asset('assets/images/profile_pic.png').image,
)

或者从网络加载图片：

CircleAvatar(
  backgroundImage: NetworkImage('https://example.com/profile_pic.png'