Flutter 圆形头像带边框

Question

我正在尝试使用 CircleAvatar 在 Flutter 中创建带边框的圆形头像小部件如:

CircleAvatar(
    radius: 30,
    backgroundImage: NetworkImage(url),
  ),

如何在此代码的结果中添加边框？

Answer 1

包裹 CircleAvatar另一个 CircleAvatar 中的小部件小部件然后设置不同的半径和背景颜色来实现所需的边框。

这是代码片段

CircleAvatar(
    radius: 30,
    backgroundColor: Colors.teal,
    child: CircleAvatar(
      backgroundImage: AssetImage(url),
      radius: 28,
    ),
  ),

Code Snippet Link