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

21 Comments


    Leave a Reply

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

    Laravel 7 comes with Easy Implicit Route Model Binding

    kizinho

    Published

    on

    NEWS: Laravel 7 comes with Easy Implicit Route Model Binding [New  Developer] » Naijacrawl
    Photo: Naijacrawl
    Laravel 7 will be out 2020 with new awesome features. You can clean the way routing is been done with one line of code.But you can try the dev version by running this code laravel new example --dev In laravel 7 you can bind routes like this: Route::get('/posts/{post:slug}', function (Post $post) { // ... }); Currently, Laravel 6 and below requires you to define a getRouteKeyName() method on the model like so:<?php class Post extends Model { /*...
    Continue Reading

    Latest


    Download Naijacrawl App today

    Fastest way to read on the go

    Download the Naijacrawl App.