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就設置不了跟隨圓角