広告
Flutterラボの
プレミアム会員になる
【Flutter】画像(image)を円形で表示する
2020.10.24
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入門の動画を配信しています。
ぜひご覧ください。
Flutterラボ
hatchoutschool
Flutter Daily
Flutterに関する記事を日々更新しています (222本)
【Dart】Stringからint, double, DateTimeに変換する
2020.09.14
【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ
2020.09.18
【Dart】【Flutter】DateTime型についてのまとめ
2020.10.01
【Dart】Map型の使い方とよく使うメソッドまとめ
2020.09.13