Creating raw image from Widget or Canvas

Question

My end goal is to be able to share a dynamic image by either passing the raw image data or saving the image to disk for a native android/ios service to share. How would I convert a Widget or Canvas in flutter to raw image data (like byte[])?

Answer 1

There is support for this now. You can either use RenderRepaintBoundry or OffsetLayer or Scene. They all have a toImage. Here is the link to RenderRepaintBoundry.toImage()

  Future<void> _capturePng() async {     RenderRepaintBoundary boundary = globalKey.currentContext.findRenderObject();     ui.Image image = await boundary.toImage();     ByteData byteData = await image.toByteData(format: ui.ImageByteFormat.png);     Uint8List pngBytes = byteData.buffer.asUint8List();     print(pngBytes);   } 

This is copied from the docs.