• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter组件之CircleAvatar

Flutter cps12345 9个月前 (03-04) 838次浏览

CircleAvatar

代表用户的圆圈的控件,通常与用户的个人资料图片一起使用,或者在没有此类图片的情况下与用户的姓名缩写一起使用。 为了保持一致,给定用户的姓名缩写应始终与相同的背景色配对。

用法如下:

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

效果如下:

Flutter组件之CircleAvatar

设置背景颜色:

CircleAvatar(
  child: Text('孟'),
  backgroundColor: Colors.blue,
)

效果如下:

Flutter组件之CircleAvatar

设置文字颜色:

CircleAvatar(
  child: Text('孟'),
  foregroundColor: Colors.red,
)

效果如下:

Flutter组件之CircleAvatar

设置背景图片:

CircleAvatar(
  child: Text('孟'),
  backgroundImage: AssetImage('images/1.png'),
)

效果如下:

Flutter组件之CircleAvatar

设置半径:

CircleAvatar(
  child: Text('孟'),
  radius: 40,
)

效果如下:

Flutter组件之CircleAvatar

喜欢 (1)