Ios 创建带有Flutter 翼的会所头像

发布于02月01日

我不能创建Flutter Flutter 中的头像，因为图像小工具的背景是动态的或视频的，所以我try 使用头像作为蓝图，然后用API中新的动态图像进行剪辑.

以下是我的代码:

Container(
            height: height,
            width: width,
            decoration: BoxDecoration(
                borderRadius: BorderRadius.all(
                  Radius.elliptical(width / 3 * 1.4, width / 3 * 1.6),
                ),
                // color: mainColor,
                image: decorationImage ??
                    DecorationImage(image: AssetImage(unknown_person))),
            child: child ?? SizedBox(),
          );

这是我想要的，没有黑色边框.

这就是我得到的:

推荐答案

使用clipBehaviour属性的Container，根据需要 for each 角落分配半径，如下所示

Container(
    clipBehavior: Clip.antiAlias,
    height: 100,
    width: 100,
    decoration: BoxDecoration(
// give radius to each corner different
      color: Colors.black,
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(40),
        topRight: Radius.circular(20),
        bottomLeft: Radius.circular(20),
        bottomRight: Radius.circular(50),
      ),
    ),
    child: Image.asset(
      'assets/images/stripe.png',
      fit: BoxFit.cover,
      height: 100,
      width: 100,
    ),
  )

这就是你将得到的