可容纳一个子组件,并将其以宽高为长轴和短轴进行椭圆裁切。

相关组件

ClipRect ClipRRect ClipPath

ClipOval基本使用

  1. <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,
          ),
        ),
      ],
    );
  }
}