如何在颤动中创建带边框的圆形容器？

html5 • • 问答 • 204 阅读

如您所见，装饰的背景颜色略微溢出圆形边框。我以不同的方式尝试过（例如使用 ClipOval），但结果总是一样的。

回答

    I have just faced the same issue...
    Easy workaround:

     Container(
        width: 28,
        height: 28,
        decoration: BoxDecoration(
          color: Colors.green.withOpacity(0.25), // border color
          shape: BoxShape.circle,
        ),
        child: Padding(
          padding: EdgeInsets.all(2), // border width
          child: Container( // or ClipRRect if you need to clip the content
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.blue, // inner circle color
            ),
            child: Container(), // inner content
          ),
        ),
      ),

参考：

以上是如何在颤动中创建带边框的圆形容器？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>