CircleAvatarウィジェット

概要

CircleAvatarウィジェットは、丸いアイコンを作成したり、画像を丸く切り抜いたりできる。

見た目

解説

imageウィジェットを指定したり、Textウィジェットを指定したりできる。
その際、上記の画像のように丸く切り取られた状態で表示される。

CircleAvatar(child: Text('User')),
CircleAvatar(backgroundImage: NetworkImage(画像URL)),
CircleAvatar(backgroundImage: AssetImage(画像アセット文字列)),

プロパティ

プロパティ名	概要	備考
key	ウィジェットを一意に識別するためのキー。
child	アバターの下に配置するウィジェット。 通常はTextウィジェットを使用してユーザーのイニシャルを表示する。
backgroundColor	アバターの背景色。 色を変更すると、新しい色へのアニメーションが発生する。
backgroundImage	アバターの背景画像。 画像を変更すると、新しい画像へのアニメーションが発生する。
foregroundImage	アバターの前景画像。 前景画像が失敗した場合は、背景画像が使用される。
onBackgroundImageError onForegroundImageError	背景画像や前景画像の読み込みエラー時に呼び出されるコールバック。
foregroundColor	アバター内のテキストのデフォルトの色。
radius	アバターのサイズを半径（直径の半分）で指定。
minRadius maxRadius	アバターのサイズ範囲を指定。