SparkDevNetwork / Rock.Mobile-Issues

3 stars 2 forks source link

[Issue]: "fade-thin" Image Mask Not Working #32

Open briankalwat opened 4 months ago

briankalwat commented 4 months ago

Describe the Issue in Detail

The "fade-thin" image mask resource is not loading in our app. The other mask resources work fine.

Can reproduce in

Steps to Reproduce

This works fine with the "fade-light" mask resource.

<Grid>
    <!-- Bottom image -->
    <Rock:Image Source="https://domain.com/yourimage.jpg" Ratio="2:1"
        Aspect="AspectFill">
        <Rock:TintTransformation Color="#000000" />
    </Rock:Image>

    <!-- Top mask -->
    <Rock:Image Source="resource://Rock.Mobile.Resources.Masks.fade-light.png"
        Ratio="2:1" Aspect="AspectFill">
        <Rock:FillColorTransformation Color="#000000" />
    </Rock:Image>
</Grid>

However the mask is not visible when trying to use the "fade-thin" resource.

<Grid>
    <!-- Bottom image -->
    <Rock:Image Source="https://domain.com/yourimage.jpg"
        Ratio="2:1"
        Aspect="AspectFill">
        <Rock:TintTransformation Color="#000000" />
    </Rock:Image>

    <!-- Top mask -->
    <Rock:Image Source="resource://Rock.Mobile.Resources.Masks.fade-thin.png"
        Ratio="2:1"
        Aspect="AspectFill">
        <Rock:FillColorTransformation Color="#000000" />
    </Rock:Image>
</Grid>

Expected Behavior

All image mask resources should work as per the documentation.

Actual Behavior

The "fade-thin" image mask resource does not load properly.

Screenshots or Videos

Using the "fade-light" Mask Resource

IMG_5917

Using the "fade-thin" Mask Resource

IMG_5916

Reproduction XAML

<Grid>
    <!-- Bottom image -->
    <Rock:Image Source="https://domain.com/yourimage.jpg"
        Ratio="2:1"
        Aspect="AspectFill">
        <Rock:TintTransformation Color="#000000" />
    </Rock:Image>

    <!-- Top mask -->
    <Rock:Image Source="resource://Rock.Mobile.Resources.Masks.fade-thin.png"
        Ratio="2:1"
        Aspect="AspectFill">
        <Rock:FillColorTransformation Color="#000000" />
    </Rock:Image>
</Grid>

Mobile Shell Version

v6.0.0.0

Last Known Working Version

No response

iOS Device Type(s) and iOS Version(s)

iOS v17.4.1

Android Device Type(s) and Android Version(s)

Pixel 7, Android 14