maskColor is displayed beyond the imageRect inside of a Stack

[Azhng]

When rendering the Crop widget inside of a Stack widget, the maskColor fills the parent Stack widget instead of displaying the underlying color of the parent widget.

Code sample:

class _Body extends StatelessWidget {
  const _Body({Key? key, required this.bytes}) : super(key: key);
  final UInt8List bytes;

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (_, constraints) {
        return Scaffold(
          backgroundColor: Colors.white,
          body: Stack(
            children: [
              Align(
                alignment: Alignment.center,
                child: Padding(
                  padding: const EdgeInsets.all(24),
                  child: Crop(
                    controller: CropController(),
                    image: bytes,
                    onCropped: (croppedData) {},
                    aspectRatio: 1,
                    initialSize: 1.0,
                    cornerDotBuilder: (size, _) => const DotControl(),
                    baseColor: AppColors.scaffoldBackgroundColor,
                  ),
                ),
              ),
            ],
          ),
        );
      },
    );
  }
}

[chooyan-eng]

@Azhng
Thank you for your feedback.
I'm afraid fixing this is challenging as the size of images (and outside of images) can be changed depending on zooming. I'll check the code and think about it in detail.

[Azhng]

Thank you so much!

[geosebas]

Any news on this ?