clipBehavior = Clip.none

[fernando-s97]

Is it possible to take the screenshot of this entire widget?

Stack(
  clipBehavior: Clip.none,
  alignment: Alignment.center,
  children: [
    Container(
      color: Colors.red,
      width: 20,
      height: 20,
    ),
    Positioned(
      top: -10,
      child: Container(
        color: Colors.green,
        width: 20,
        height: 20,
      ),
    ),
    Positioned(
      top: -20,
      child: Container(
        color: Colors.bue,
        width: 20,
        height: 20,
      ),
    ),
  ],
)

I'm only getting the first one and the half of the second one; probably because the other ones are being overflown

[ritheshSalyan]

@fernando-s97 You Make use of captureFromWidget function to capture overflowing widget as below

  screenshotController
                    .captureFromWidget(Container(
                        padding: const EdgeInsets.all(20.0),
                        child: Stack(
                          clipBehavior: Clip.none,
                          alignment: Alignment.center,
                          children: [
                            Container(
                              color: Colors.red,
                              width: 20,
                              height: 20,
                            ),
                            Positioned(
                              top: -10,
                              left: -10,
                              child: Container(
                                color: Colors.green,
                                width: 20,
                                height: 20,
                              ),
                            ),
                            Positioned(
                              top: -20,
                              child: Container(
                                color: Colors.blue,
                                width: 20,
                                height: 20,
                              ),
                            ),
                          ],
                        )))
                    .then((capturedImage) {
                  ShowCapturedWidget(context, capturedImage);
                });

[fernando-s97]

Got the idea! I guess that's only way then. Thanks!