Rounded Corner Image in Flutter

If you want to make Image as Rounded Corners in Flutter.

You should use ClipRRect widget as parent of Image Widget and Here is the Code :

ClipRRect(
    borderRadius: BorderRadius.circular(100.0),
    child: Image.network(
        'https://via.placeholder.com/150',
    ),
)

You can use CircleAvatar to make Image Circular

CircleAvatar(
  radius: 20,
  backgroundImage: NetworkImage('https://via.placeholder.com/140x100')
)

Related questions:

  • How to create a Rounded edges for an Image in Flutter ?
  • Set Rounded Corner Radius Border on Image in Flutter
  • Flutter Create Rounded Corner Radius Image Android iOS
  • Flutter Image – Rounded Corners
  • Circle Image View in Flutter
  • Flutter Circle Image with border
  • flutter circle avatar image asset

visit Flutter Official Website : flutter.dev

Share

You may also like...

Leave a Reply

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