flutter - 如何在 flutter 中为圆圈显示边框颜色？

Question

我想知道如何设置圆的边框颜色。我的代码是:

child: Container(
  child: ClipOval(
    child: Container(
      color: colorList[index],
      height: 30.0,
      width: 30.0,
      child: Center(
        child: new Text((index+1).toString(),
          style: TextStyle(color: Colors.white, fontSize: 24,fontWeight: FontWeight.w500),
            textAlign: TextAlign.center),
      ),
    ),
  ),
),

所以我使用 Clipoval 来显示一个圆圈，我可以毫无问题地设置圆圈的颜色和其中的文本，但我需要设置圆圈边框的颜色。我想在白色背景上显示带有红色边框的白色圆圈

Answer 1

您可以使用 BoxDecoration在您的容器上实现此目的。您不需要 ClipOval，而是可以在 BoxDecoration 上应用形状参数以获得圆形外观。

Container(
   child: Container(
      decoration: BoxDecoration(
         color: Colors.grey,
         border: Border.all(color: Colors.red),
         shape: BoxShape.circle,
      ),
      height: 30.0,
      width: 30.0,
      child: Center(
         // Your Widget
      ),
   ),
),