ویجت CircleAvatar یک دایره رنگی ترسیم می کند که معمولا با تصویر نمایه کاربر یا در صورت عدم وجود چنین چیزی ، با کلمه ابتدایی نام کاربر مقدار دهی می شود . این ویجت از خانواده کلاس Material می باشد . از این ویجت در سایر ویجت ها جهت نمایش یک کادر دایره ای رنگی حاوی محتوای عکس یا متن خلاصه استفاده می‌کنند . ( به عنوان مثال در ویجت Card یا ویجت ListTile استفاده می شود )

در تصویر زیر از CircleAvatar در ListTile مربوط به ListView استفاده شده است :

روش استفاده از این ویجت به شکل زیر است :

CircleAvatar(
  backgroundColor: Colors.brown.shade800,
  child: Text('AH'),
)

در صورتی که مایلید ویجت CircleAvatar به جای نمایش مخفف نام ، عکس کاربر را نمایش دهد همانند مثال زیر به جای مقدار دهی به خصوصیت child ، به خصوصیت backgroundImage توسط کلاس NetworkImage مقدار دهی نمایید :

CircleAvatar(
  backgroundColor: Colors.brown.shade800,
  backgroundImage: NetworkImage(userData.userImage),
)

جهت کسب اطلاعات بیشتر از این لینک به سایت اصلی فلاتر مراجعه نمایید .

امیدوارم این مطلب برای شما مفید باشد .