【Flutter】画像（image）を円形で表示する

Flutter毎日投稿43日目
今日はTwitterで言うところのユーザーアイコンのサムネイルのように、画像を円形に切り取って表示する方法を紹介します。

使用するウィジェトはCircleAvatarです。
これを使えば簡単に円形を作成することができます。

↓もともとの画像がこちらです。

CircleAvatarのbackgroundImageプロパティに画像をセットします。

child: CircleAvatar(
 radius: 40,
 backgroundColor: Colors.white,
 backgroundImage: NetworkImage('https://hatchout.net/assets/images/logo_512_transparent.png'),
),

YouTubeでもFlutter入門の動画を配信しています。
ぜひご覧ください。