Open1

flutterのCircleAvatar()とは

FYno52FYno52

CircleAvatarは、Flutterフレームワークで提供されるウィジェットの一種で、円形のアバター（プロフィール画像）を表示するためのウィジェットです。

このウィジェットは、通常、ユーザーのプロフィール画像やアイコンなどを円形にクリップして表示するのに使用されます。円形のアバターは、ユーザーのプロフィール写真を美しく整えたり、円形のUIデザインに適したアイコンを表示するのに便利です。

以下は、CircleAvatarを使用した簡単な例です。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('CircleAvatar Example'),
        ),
        body: Center(
          child: CircleAvatar(
            radius: 50.0,  // 円形アバターの半径
            backgroundImage: NetworkImage('https://example.com/avatar.jpg'), // 画像のURL
          ),
        ),
      ),
    );
  }
}

この例では、CircleAvatarは半径が50.0の円形アバターを作成し、backgroundImageプロパティを使用して外部の画像を読み込んで表示しています。