Flutter 圆形带边框Container

 

要求的最终效果：

 

圆形带边框的主题选择器

Container(
  width: GySizeFit.setPx(56),
  height: GySizeFit.setPx(56),
  decoration: BoxDecoration(
    color: colorList[index]["bg"],
    borderRadius: BorderRadius.all(
        Radius.circular(GySizeFit.setPx(28))),
    border: Border.all(width: 0, style: BorderStyle.none),
  ),
)

borderRadius负责把方形Container搞成圆形。

　　圆角有很多种方式能够做到，但是圆形加边框，这里最好是 使用 BorderRadius.all来设置圆角。

　　简写: BorderRadius.circular(radius);

border设置边框

 

或者使用裁切的方式实现圆角: ClipRRect(...)    这种方式通过硬裁切的方式处理圆角, 应用更加灵活,但是作为裁切  border就设置不了跟随圆角