Skip to content

Avatar 头像

用图标、图片或者字符的形式展示用户或事物信息。

基础用法

通过 shape 属性来设置头像的形状。

查看代码

不同尺寸

通过 avatarSize 属性来设置头像的尺寸,也可以通过 customSize 属性来设置自定义尺寸。

查看代码

适应容器

通过 fit 属性来设置图片如何适应容器框,同原生 Image 组件的 BoxFit 属性。

查看代码

加载失败回退

当展示类型为图片的时候,图片加载失败的展示方式。

查看代码

API

Avatar 属性

属性名说明类型默认值
src图片头像的资源地址String?-
icon设置头像的图标IconData?-
text设置头像的文字String?-
shape设置头像的形状EAvatarShapeEAvatarShape.circle
avatarSize设置头像的尺寸ESizeItemESizeItem.medium
customSize自定义头像尺寸double?-
fit当展示类型为图片时,设置图片如何适应容器框BoxFitBoxFit.cover
fallback当图片加载失败时,自定义的展示内容Widget?-
</rewritten_file>

基于 MIT 协议发布