可容纳一个子组件,并将其以宽高为长轴和短轴进行椭圆裁切。
相关组件
ClipOval基本使用
<br />【child】 : 子组件 【Widget】<br />【clipBehavior】 : 裁剪行为 【Clip】<br />【clipper】 : 裁剪器 【CustomClipper<RRect>】<br />![image.png](https://cdn.nlark.com/yuque/0/2020/png/326147/1589506323013-bea8e854-d9fb-4a89-a685-7ae05fce930a.png#align=left&display=inline&height=146&margin=%5Bobject%20Object%5D&name=image.png&originHeight=146&originWidth=380&size=29164&status=done&style=none&width=380)
import 'package:flutter/material.dart';
class CustomClipOval extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Wrap(
spacing: 20,
children: <Widget>[
ClipOval(
child: Image.asset(
"assets/images/wy_300x200.jpg",
width: 150,
height: 100,
),
),
ClipOval(
child: Image.asset(
"assets/images/wy_300x200.jpg",
width: 100,
height: 100,
fit: BoxFit.cover,
),
),
],
);
}
}