如何实现圆形头像功能

标签：Widget 功能 介绍 头像 圆形 CircleAvatar 显示 用来

文章目录

• 1 概念介绍
• 2 使用方法
• 3 示例代码

我们在上一章回中介绍了Stack Widget,本章回中将介绍CircleAvatar这种Widget，闲话休提，让我们一起Talk Flutter吧。

1 概念介绍

在上一回中我们使用了CircleAvatar Widget,之前也没有介绍过此Widget,因此有些看官希望对它做一些介绍。它是一种图片类widget.主要用来显示图形图片， 通常用来当作用户的圆形头像。

2 使用方法

CircleAvatar Widget和其它的Widget一样使用类的属性(或者叫成员变量）来控制界面显示，我们只需要给构造方法中的命名参数赋值就可以。常用的属性如下：
backgroundColor 用来显示背景的颜色
backgroundImage 用来显示背景图片
foregroundColor 用来显示前景的颜色
foregroundImage 用来显示前景图片
radius 圆形的半径，主要用来控制圆形的大小
child 用来包含子widget，比如Text等；
这么多属性如果都设置的话它不会同时显示，显示顺序依次是：前景图片，背景图片，景景颜色，前景颜色。

3 示例代码

CircleAvatar(</

标签：Widget,功能,介绍,头像,圆形,CircleAvatar,显示,用来
From： https://blog.csdn.net/talk_8/article/details/144633232