如何在颤动上创建带有圆角的方形头像？

Question

我想创建一个类似于 CircleAvatar 的小部件，但不是圆形的。这是圆形头像：

这是我要创建的头像：

我想知道是否有一个默认小部件可以做到这一点，作为圆形头像的 CircleAvatar。

Answer 1

有很多方法可以实现它，但我只会使用一种。在子小部件周围包裹一个ClipRRect()小部件（这可以是图像或任何其他相关小部件，如我的示例中使用的容器）。然后，将值传递给ClipRRect() 的属性。这是创建效果的活动代码行。在下面查看我的示例：BorderRadius.circular(20.0) borderRadius

ClipRRect(
  borderRadius: BorderRadius.circular(20.0),//or 15.0
  child: Container(
    height: 70.0,
    width: 70.0,
    color: Color(0xffFF0E58),
    child: Icon(Icons.volume_up, color: Colors.white, size: 50.0),
  ),
),

在这里查看结果