Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
2 tasks
briankalwat opened this issue May 15, 2024 · 0 comments
Open
2 tasks

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

briankalwat opened this issue May 15, 2024 · 0 comments
Labels
bug Something isn't working unverified This issue has not been verified yet

Comments

@briankalwat
Copy link

briankalwat commented May 15, 2024

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

  • Orange App
  • Blue App

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

@briankalwat briankalwat added bug Something isn't working unverified This issue has not been verified yet labels May 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working unverified This issue has not been verified yet
Projects
None yet
Development

No branches or pull requests

1 participant