Flutter之裁剪Image Widget

在前面的文章中，我们介绍了Dart的两种编译时，以及Hot reload模式。今天我们来看下在Flutter中创建不规则Widget的方式。Android原生中，我们在创建不规则边界View时，是通过clipPath的方式来实现，在Flutter中也有相关的概念，下面我们来学习下Flutter中的ClipPath相关概念及用法。

ClipPath Widget

前面我们说过在Flutter中Everything is Widget，那么要使用Path自然也有对应的Widget对象-ClipPath。

ClipPath Extends Map

ClipPath Widget继承关系如下图：

enter image description here

ClipPath Introduce

官方文档中ClipPath说明如下：

A widget that clips its child using a path.

和ClipPath相关的属性有三个：

• child：Widget类型，裁剪的Widget对象
• clipper：定义裁剪路径的CustomClipper对象，其内部提供一个裁剪路径和是否需要重新裁剪
• clipBehavior：裁剪Widget的模式，默认取值为Clip.antiAlias，可选取值有Clip.none，Clip.hardEdge,Clip.antiAlias,Clip.antiAliasWithSaveLayer.

裁剪模式取值的区别：

• none：无模式
• h