Easy Steps to Achieve Circular Images in Flutter Using Flutter Widget

Hi folks, have you been finding it difficult to easily apply circular images when writing your flutter applications. Today will show you guys the easy step to take in other to achieve it easily.

Step 1

Use CircleAvatar (recommended)

CircleAvatar(
  backgroundImage: AssetImage('assets/demo.jpg'),
  radius: 50,
)

Step 2

Use ClipOval

ClipOval(
  child: Image.asset(
    'assets/demo.jpg',
    fit: BoxFit.cover,
  ),
)

Step 3

Use ClipRRect

ClipRRect(
  borderRadius: BorderRadius.circular(50),
  child: Image.asset(
    'assets/demo.jpg',
    fit: BoxFit.cover,
  ),
)

Thanks for reading