Flutter：如何制作自定义头像

Question

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

Answer 1

您可以尝试使用@pkskink

提到的ContinousRectangularBorder

1. 使用连续矩形边框

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),
         ),
),

2. 使用普通的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),
 ),
),

如果您对此不满意，我建议您使用自定义画图，它可以让您绘制任何形状