Not working with Image mask with transparent pixels

[Gilianp]

I'm trying to create a mask using an image which has a transparency (where it should be hidden). The result is that it's black where the pixels are transparent

image:

mask: (white with transparent)

result:

I want that black parts become transparent (behind have the rest of the application)

code:
WidgetMask(
blendMode: BlendMode.dstATop,
mask: Image.asset(
"path_mask",
),
child: Image.asset(
"path_image",
),
)

[blaugold]

I think with a mask like that, you want to use BlendMode.multiply.

[Gilianp]

I think with a mask like that, you want to use BlendMode.multiply.

I tested all BlendMode options and the modes that should erase the target where there are transparent pixels in the mask image, turn black. It seems that it is not possible to use an image with transparent pixels as a mask in flutter. On android this is very easy, these blendmodes work with them. I found another solution using ImageShader but there it is not allowed to use centerSlice in the mask image (here: https://stackoverflow.com/a/60505529/2097909)

[blaugold]

Hm, did you try enabling childSaveLayer?

[Gilianp]

Hm, did you try enabling childSaveLayer?

Wow, now its working! (with BlendMode.dstATop that is correct for this case). Thanks for you support!