（原创）Flutter基础入门：实现各种Shape效果

前言

上一篇博客讲了Flutter的装饰器Decoration
Flutter基础入门：装饰器Decoration
装饰器就可以帮我们实现各种Shape效果
但上篇文章并没有讲如何实现具体的Shape效果
那么具体要怎么做呢？这篇文章就主要讲这块
在Fluter中实现Shape效果时，一般要关注到的，就是以下几个类：
BorderRadiusGeometry（圆角）
ShapeBorder（描边）
color（填充）
Gradient（渐变）
BoxShadow（阴影）
所以当我们看到Flutter的一些容器组件或者Shape组件中有用到这五个类作为构造方法入参的时候
基本上就可以知道他要实现的功能是哪些
举个例子：
Container容器组件中需要传入一个Decoration装饰器属性
Decoration装饰器类是一个抽象类
他有一个实现类：BoxDecoration
里面就需要传入这些Shape相关的属性，如下：

  const BoxDecoration({
   
   
    this.color,
    this.image,
    this.border,//描边
    this.borderRadius,//圆角
    this.boxShadow,
    this.gradient,
    this.backgroundBlendMode,
    this.shape = BoxShape.rectangle,
  })

所以用BoxDecoration就可以去做一些Shape相关的效果
当然，不止这个，ShapeDecoration也有这样的属性：

  const ShapeDecoration({
   
   
    this.color,
    this.image,
    this.gradient,
    this.shadows,//阴影
    required this.shape,//描边
  })

还有我们的Card组件，也有这些属性：

  const Card({
   
   
    super.key,
    this.color,
    this.shadowColor,
    this.surfaceTintColor,
    this