Connect with us

Easy Steps to Achieve Circular Images in Flutter Using Flutter Widget

kizinho

Published

on

Follow
DEVELOPER PROGRAMMING: Easy Steps to Achieve Circular Images  in Flutter Using Flutter Widget [New  Developer Programming] » Naijacrawl
Photo: Naijacrawl
site

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

Click Here To Comment


site


kizinho

Adike Kizito is a top-rated software developer, blogger, sports, and entertainment lover. He is the CEO of these popular websites Naijacrawl.com and Mp3ager.com. He operates his software developing task through Kizzsoft.com,... Read More

Continue Reading
Click to comment

Be first to comment


    Leave a Reply

    Your email address will not be published. Required fields are marked *

    Latest


    Download Naijacrawl App today

    Fastest way to ready on the go

    Download the Naijacrawl App.