Flutter超简单实现Android中shape的功能

Android中使用shape可以很方便的构建资源文件以实现圆角，描边，填充以及渐变效果。那么在Flutter中这些效果应该如何实现呢？本文将介绍Flutter中如何实现这些效果：

• 圆角
• 描边
• 填充
• 渐变
• 阴影

Flutter给控件设置背景或者前景时使用Container控件，它本身只是对其他容器类组件的组合并不提供具体的配置属性，而实现shape相关功能的实现是在decoration（装饰）这个属性中来设置。

圆角（shape用corners实现）

child: Container(
  width: 100,
  height: 100,
  alignment: Alignment.center,
  child: Text('Button'),
  decoration: BoxDecoration(
      borderRadius: BorderRadiusDirectional.circular(10),
      color: Colors.blue),
),

这段代码实现了给文字设置一个圆角为10的背景，其中起到和shape中cornes标签功能一致的是BoxDecoration对象中borderRadius的值。BorderRadiusDirectional的构造方法BorderRadiusDirectional.only可以分别给四个角设置radius，这里就不多赘述。下面是设置圆角的效果。

描边ÿ