Flutter dart CircleAvatar 원형을 생성하는 위젯

CircleAvatar 원형을 생성하는 위젯

backgroundColor 배경색상

backgroundImage 위젯의 배경이미지 (NetworkImage, AssetImage, FileImage)

radius 반지름 기본값은 20.0

CircleAvatar(
  backgroundColor: Colors.grey,
  backgroundImage: AssetImage('assets/profile.png'),
  radius: 40.0,
)

child 위젯안에 배치할 위젯 (텍스트, 아이콘..)

CircleAvatar(
  backgroundColor: Colors.blue,
  child: Text(
    'AB',
    style: TextStyle(color: Colors.white),
  ),
  radius: 30.0,
)

 

 

foregroundColor child 위젯의 색상

CircleAvatar(
    backgroundColor: Colors.blue, // 배경 색상
    radius: 50.0,
    foregroundColor: Colors.white, // 텍스트 색상
    child: Text(
       'AB',
       style: TextStyle(fontSize: 24.0),
),

CircleAvatar(
    backgroundColor: Colors.blue, // 배경 색상
    radius: 50.0,
    foregroundColor: Colors.white, // 아이콘 색상
    child: Icon(
       Icons.star,
       size: 40.0,
),