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
Continue Reading
21 Comments