Can't get images from device's local storage

[tahademirer]

Hi, I'm trying to render an image from local filesystem on canvas.

This is the path of image on my iOS Simulator Device:

ph://ED7AC36B-A150-4C38-BB8C-B6D696F4F2ED/L0/001

This is the code snippet that I'm using:

const image = useImage(props.selectedImage);

Also, this code doesn't work too:

   const image = useImage(require(`${props.selectedImage}`));

It can't import with a variable. Only accepts a string.

I also tried this:

const image = Skia.Data.fromURI(props.selectedImage).then((data) =>
    useImage(Skia.Image.MakeImageFromEncoded(data))
  );

This one doesn't work either:

  const image = useImage({ uri: props.selectedImage });

How can I solve the problem? Thanks!

[nikolajbech]

If the path is correct with a valid image, you should be able to use const image = useImage(props.selectedImage).