美文网首页
ShapeBorder

ShapeBorder

作者: 不二客 | 来源:发表于2020-08-21 13:17 被阅读0次

ShapeBorder

结构图

ShapeBorder.png

BeveledRectangleBorder

有扁平或“斜角”角的矩形边框。

const BeveledRectangleBorder({
    this.side = BorderSide.none, //边框样式
    this.borderRadius = BorderRadius.zero //,每个角的角度
  }) 

CircleBorder

圆的边框

const CircleBorder({ this.side = BorderSide.none })

ContinuousRectangleBorder

在直边和圆角之间有平滑连续过渡的矩形边界。

 const ContinuousRectangleBorder({
    this.side = BorderSide.none,//边框样式
    this.borderRadius = BorderRadius.zero,//,每个角的角度
  }) 

RoundedRectangleBorder

有圆角的矩形边框。

const RoundedRectangleBorder({
    this.side = BorderSide.none,
    this.borderRadius = BorderRadius.zero,
  })

StadiumBorder

末端有半圆的盒子

 const StadiumBorder({this.side = BorderSide.none})

UnderlineInputBorder
在[InputDecorator]的容器底部绘制一条水平线,然后定义容器的形状。

const UnderlineInputBorder({
    BorderSide borderSide = const BorderSide(),
    this.borderRadius = const BorderRadius.only(
      topLeft: Radius.circular(4.0),
      topRight: Radius.circular(4.0),
    ),
  }) 

OutlineInputBorder

围绕[InputDecorator]的容器绘制圆角矩形。

const OutlineInputBorder({
    BorderSide borderSide = const BorderSide(),
    this.borderRadius = const BorderRadius.all(Radius.circular(4.0)),
    this.gapPadding = 4.0,
  })

相关文章

网友评论

      本文标题:ShapeBorder

      本文链接:https://www.haomeiwen.com/subject/lwnhrktx.html