flutter组件ClipRRect

这个组件经常使用，使用起来也很简单。

代码如下：

        ClipRRect(
          borderRadius: BorderRadius.circular(20),
          child: Container(
            width: 80,
            height: 80,
            color: Colors.red,
          ),
        )

效果图如下：

ClipRRect.jpg

这个组件可以设置三个属性：

1. borderRadius这个就是设置圆角的
2. clipper这个是自定义怎么切的
3. clipBehavior的值是个枚举类型，这个属性是定义切割组件内容的不同方式。分别是：none, hardEdge, antiAlias 和antiAliasWithSaveLayer。默认是antiAlias，性能（performance）是逐次降低的。none一般是在没有超过父节点(overflow)的边界时使用的，hardEdge是有锯齿的，antiAlias是抗锯齿的，antiAliasWithSaveLayer是抗锯齿之后马上saveLayer的。

这个系列的文章是根据flutter 的 Widget of the week来做的，欢迎大家斧正。