Flutter：如何制作自定义头像

编程问答 2022-05-12

问题描述

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

enter image description here

解决方法

您可以尝试使用@pkskink 提到的 ContinousRectangularBorder

  1. 使用 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),
  1. 使用正常的borderRadius（用于比较）
Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(40.0),child: Text(
  'Mi',

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