Android not loading an image from URL, works on iOS though.

[harrymamba]

Hi,

Im trying to load an image using a URL and render on a canvas to draw something on top of it. Everything works on iOS, android is throwing a file not found exception though. Only file URLs is not working on android, when its coming from the phone's camera/storage it works. Same URL works using react native's image component.

The code below is using the same image that worked on iOS. Not sure what I'm doing incorrectly here. Would appreciate some advice.

This is how the image URL is converted into a skia image.

imageData = await Skia.Data.fromURI('https://via.placeholder.com/150');
setSkiaImage(Skia.Image.MakeImageFromEncoded(imageData));

and used as

{skiaImage && (
              <Image
                image={skiaImage}
                fit="contain"
                x={0}
                y={0}
                width={width}
                height={height}
              />
            )}

[mateoguzmana]

Hey there, I was just testing this and I'm experiencing the same even using the useImage hook. iOS works fine. Seems to be a bug

[harrymamba]

Ohhhh. I thought I was doing something wrong. Ill try to file this as a bug.

Thanks for testing it out @mateoguzmana

[wcandillon]

I provided context at #1218 @mateoguzmana does it help your issue as well?

[mateoguzmana]

Ah! 😅

I just tested it with both useImage and Skia.Data.fromURI and I confirm it works. Thanks a lot @wcandillon!

[harrymamba]

Ohh. Thanks @wcandillon! @mateoguzmana where did you add that line? Im not familiar with Java. Can you help 🙏

[mateoguzmana]

@harrymamba with the code you provided, simply replace

imageData = await Skia.Data.fromURI('https://via.placeholder.com/150');

By:

imageData = await Skia.Data.fromURI('https://bit.ly/3fkulX5');

For example, and it should work as William's explanation

Ps: Ah sorry, if you meant about setting the HTTP agent, haven't tried that. Just used a different image as thought It was not relevant.