Framecrate screenshot template

main.dart

import 'dart:html';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'dart:js';
import 'dart:ui' as ui;

Widget buildShowcaseWidget(BuildContext context) {
  // TODO return an instance of your widget here
  // Once your done, hit run and 'Screenshot & Publish'

}

// ===========================================================================
// Paste your code here





// ===========================================================================

void main() {
  runApp(MaterialApp(
    title: 'Snippet',
    theme: ThemeData(
      primarySwatch: Colors.blue,
    ),
    home: Snippet(),
  ));
}

var key = GlobalKey();

class Snippet extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Center(
            child: RepaintBoundary(
                key: key,
                child: buildShowcaseWidget(context))),
        Align(
          alignment: Alignment.bottomCenter,
          child: Padding(
            padding: const EdgeInsets.only(bottom: 16),
            child: ElevatedButton(
              child: Text('Screenshot & Publish'),
              onPressed: () {
                captureImage();
              },
            ),
          ),
        ),
      ],
    );
  }
}

Future<void> captureImage() async {
  final boundary =
      key.currentContext.findRenderObject() as RenderRepaintBoundary;
  final image = await boundary.toImage(pixelRatio: 1);
  final data = await image.toByteData(format: ui.ImageByteFormat.png);

  var parent = context['window'].parent.parent;
  parent.postMessage({'data': data}, '*');
}