Flutter 实现圆形头像

效果图如下：

废话不多说直接上源码：

1. 使用 ClipOval ：

import 'package:flutter/material.dart';

void main() => runApp(Column(
      children: <Widget>[
        /// 通过 ClipOval
        ClipOval(
          /// 加载本地资源
          child: Image(
            width: 110,
            height: 110,
            image: AssetImage('images/head_img.JPG'),
          ),
        ),
        ClipOval(
          /// 加载网络图片
          child: Image.network(
            'http://roc.havemail.cn/wp-content/uploads/2020/04/talin.jpg',
            width: 110,
            height: 110,
          ),
        )
      ],
    ));

ClipOval 是一个使用椭圆形裁剪其子组件的小部件，默认是裁剪为圆形。