flutter ui.image 解码为圆形图片

您可以使用`flutter`中的`paint`来将图片渲染为圆形图片。以下是示例代码：

class CircleImage extends StatelessWidget {
  final String imageUrl;
  final double size;

  const CircleImage({Key key, this.imageUrl, this.size}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return CustomPaint(
      size: Size(size, size),
      painter: CircleImagePainter(imageUrl),
    );
  }
}

class CircleImagePainter extends CustomPainter {
  final String imageUrl;

  CircleImagePainter(this.imageUrl);

  @override
  void paint(Canvas canvas, Size size) async {
    final image = await _loadImage(imageUrl);
    final paint = Paint()
      ..shader = ImageShader(
        image,
        TileMode.clamp,
        TileMode.clamp,
        Matrix4.identity().storage,
      );
    final center = Offset(size.width / 2, size.height / 2);
    final radius = size.width / 2;

    canvas.drawCircle(center, radius, paint);
  }

  @override
  bool shouldRepaint(CircleImagePainter oldPainter) =>
      oldPainter.imageUrl != imageUrl;

  Future<ui.Image> _loadImage(String imageUrl) async {
    final image = NetworkImage(imageUrl);
    final completer = Completer<ui.Image>();

    image.resolve(ImageConfiguration()).addListener(
          ImageStreamListener(
            (imageInfo, _) => completer.complete(imageInfo.image),
          ),
        );

    return await completer.future;
  }
}

在上述代码中，我们自定义了一个`CircleImage`组件，它接受一个`imageUrl`和`size`参数。在组件中，我们使用了`CustomPaint`来绘制圆形图片。我们创建了一个自定义的`CircleImagePainter`来实现`CustomPainter`，在`paint`方法中，我们首先通过`_loadImage`方法加载图片，然后使用`ImageShader`将图片渲染到圆形区域内，最后使用`drawCircle`方法绘制圆形。

需要注意的是，为了避免重复加载图片，我们在`shouldRepaint`方法中对`imageUrl`进行了比较，如果新的`imageUrl`与旧的不同，才会重新加载图片。

希望以上信息能够对您有所帮助。