Expected Skimage object for the image property

[chridubois]

Hi,

I'm trying to use React Native Skia to build a complex image color picker with pan/pinch zoom.

I'm trying to draw an image in a canva using this code :

import { Canvas, Image, useImage } from "@shopify/react-native-skia";   const ImageDemo = () => { const image = useImage(require("./assets/oslo.jpg")); return ( <Canvas style={{ flex: 1 }}> <Image image={image} fit="contain" x={0} y={0} width={256} height={256} /> </Canvas> ); };

Unfortunately, I'm getting this issue :

"Expected SkImage object for the image property"

I'm using Expo.

Do you know how can I fix it ?

Thanks

[mbenmass]

Try this :

import { Canvas, Image, useImage } from "@shopify/react-native-skia";   
const ImageDemo = () => { 
const image = useImage(require("./assets/oslo.jpg")); 
if (image == null) return null;
return ( 
  <Canvas style={{ flex: 1 }}> 
    <Image image={image} fit="contain" x={0} y={0} width={256} height={256} /> 
  </Canvas> 
); 
};

[wcandillon]

yes, in newer version of RN Skia, the if (image == null) return null; expression is not needed anymore but it is in the version you are using.

[chridubois]

Perfectly working ! Thanks a lot !

What is the last version please ?