Screenshot elements not rendered on screen? about screenshot HOT 6 CLOSED

Currently Screenshot support capturing of non rendered elements. You can make use of captureFromWidget function like shown below

  screenshotController
                    .captureFromWidget(Container(
                        padding: const EdgeInsets.all(30.0),
                        decoration: BoxDecoration(
                          border:
                              Border.all(color: Colors.blueAccent, width: 5.0),
                          color: Colors.redAccent,
                        ),
                        child: Text("This is an invisible widget")))
                    .then((capturedImage) {
                  ShowCapturedWidget(context, capturedImage);
                });

from screenshot.

Any update ?

from screenshot.

It would be very helpful for me too!

from screenshot.

It's not possible because this package uses a RepaintBoundary under the hood, so that means it can only take screenshot of the widgets that are rendered. What you can do is add the widgets to the screen, take a screenshot, and then remove them:

setState(() => widgetsVisible = true);
await takeScreenshot();
setState(() => widgetsVisible = false);

You can use something like overlay or dialog to hide the screen while the screenshot is happening!

from screenshot.

I am currently using the functions from here. It also uses RepaintBoundary, but no real repaints are required. Maybe something similar can be applied here.

from screenshot.

Currently Screenshot support capturing of non rendered elements. You can make use of captureFromWidget function like shown below

  screenshotController
                    .captureFromWidget(Container(
                        padding: const EdgeInsets.all(30.0),
                        decoration: BoxDecoration(
                          border:
                              Border.all(color: Colors.blueAccent, width: 5.0),
                          color: Colors.redAccent,
                        ),
                        child: Text("This is an invisible widget")))
                    .then((capturedImage) {
                  ShowCapturedWidget(context, capturedImage);
                });

How do I trigger the captureFromWidget from a method, if the wifget to be captured is the Scaffold? There's my Listview with some elements outside view, and I want them on the screen shot too.

@override
  Widget build(BuildContext context) {
    b = build2(context);
    return b;
  }

void printScreen() async {
    screenshotController
        .captureFromWidget(Container(
            padding: const EdgeInsets.all(30.0),
            decoration: BoxDecoration(
              border: Border.all(color: Colors.blueAccent, width: 5.0),
              color: Colors.redAccent,
            ),
            child: b))
        .then((image) async {
      final directory = (await getTemporaryDirectory()).path;
      File imgFile =
          new File('$directory/${controller.ficha.value.nome}_screenshot.png');
      await imgFile.writeAsBytes(image);
      Share.shareFiles(['${imgFile.path}'],
          text: 'Personagem ${controller.ficha.value.nome}');
    });
}

from screenshot.