要求的最终效果:
圆形带边框的主题选择器
Container GySizeFit.setPx56), height: GySizeFit.setPx56), decoration: BoxDecoration color: colorList[index]["bg"], borderRadius: BorderRadius.all Radius.circularGySizeFit.setPx28))), border: Border.all 0, style: BorderStyle.none), ), )
borderRadius负责把方形Container搞成圆形。
圆角有很多种方式能够做到,但是圆形加边框,这里最好是 使用 BorderRadius.all来设置圆角。
简写: BorderRadius.circularradius);
border设置边框
或者使用裁切的方式实现圆角: ClipRRect…) 这种方式通过硬裁切的方式处理圆角, 应用更加灵活,但是作为裁切 border就设置不了跟随圆角
本文作者:博客园-前端法师
版权所有,转载请标明出处。