版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (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,
),