Flutter side 形状

版权声明：署名，允许他人基于本文进行创作，且必须基于与原先许可协议相同的许可协议分发本文 （Creative Commons）

在很多组件中都有side属性，今天介绍几个side属性的实现

1、BeveledRectangleBorder 菱形

BeveledRectangleBorder(
  side:BorderSide(),//裁剪
  borderRadius:BorderRadius.circular(20),//菱形 斜边 长度
  // borderRadius:BorderRadius.horizontal(left: Radius.circular(10)),//菱形 左边斜边 长度
  // borderRadius:BorderRadius.vertical(top: Radius.circular(20)),//菱形 上边斜边 长度
),

2、RoundedRectangleBorder 圆角

RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),

 

3、CircleBorder 圆形

CircleBorder(
  side: new BorderSide(
    style: BorderStyle.solid,
    color: Color(0xff000000),
  )
),

 

4、StadiumBorder 体育场行（两边是半圆）

StadiumBorder(
  side: new BorderSide(
    style: BorderStyle.solid,
    color: Color(0xffFF7F24),
  )
),

 

5、Border 边界

Border.all(
  // 设置边框样式
  color: Colors.blue,
  width: 4.0,
  style: BorderStyle.solid,
),