Flutter：如何制作自定义头像答案

【问题标题】：Flutter: How to make a custom avatarFlutter：如何制作自定义头像
【发布时间】：2021-04-18 14:27:06
【问题描述】：

我想制作一个包裹在光滑+定制形状中的头像，看起来类似于小米当前的徽标（它不是带有某种 Radius.elliptical(x,y) 的矩形，而是稍微复杂一点的函数） .有没有办法有效地做到这一点？

【问题讨论】：

检查ContinuousRectangleBorder - 文档说：“在直边和圆角之间平滑连续过渡的矩形边框。”
或者您也可以使用自定义绘制

【解决方案1】：

您可以尝试@pkskink 提到的ContinousRectangularBorder

使用连续矩形边框

Container(
  decoration: ShapeDecoration(
    shape: ContinuousRectangleBorder(
    borderRadius: BorderRadius.circular(95.0),
  ),
  color: Colors.orange[800]),
  height: 100,
  width: 100,
  alignment: Alignment.center,
  child: Text('Mi',
           style: TextStyle(color: Colors.white, fontSize: 40),
         ),
),

使用正常的borderRadius（用于比较）

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(40.0),
    color: Colors.orange[800]),
  height: 100,
  width: 100,
  alignment: Alignment.center,
  child: Text(
  'Mi',
   style: TextStyle(color: Colors.white, fontSize: 40),
 ),
),

如果您对此不满意，我建议您使用自定义 Paint，它允许您绘制任何形状

【讨论】：