效果图如下:
废话不多说直接上源码:
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(
'https://roc.havemail.cn/wp-content/uploads/2020/04/talin.jpg',
width: 110,
height: 110,
),
)
],
));
ClipOval
是一个使用椭圆形裁剪其子组件的小部件,默认是裁剪为圆形。