Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

G-SVG doesnt show my Image inside it - react-native

See original GitHub issue

I’m using react-native-svg. I want to show my image inside it but G doesnt show it:

 <G x={endCoord2.x-widthHeight} y={endCoord2.y-widthHeight}>
          <Image resizeMode='stretch' style={{width:50,height:50,margin:4}} source={{uri: 'https://javacupcake.com/wp-content/uploads/2017/07/IceCreamConeCupcakes_0307.jpg'}} />
 </G>

where is my wrong?

Issue Analytics

State:
Created 5 years ago
Comments:9

Top GitHub Comments

1reaction

msandcommented, Oct 24, 2018

Perhaps you we’re using clipping? The implementation has changed to be more spec conformant (and there was a regression as well until 8.0.6, you might need to move your clipRule attribute to the ClipPath elements from the elements where you have the clipPath attribute.

1reaction

msandcommented, Oct 8, 2018

Are you using Image from react native? That doesn’t work inside svg components. You need to import from react-native-svg like here: https://github.com/react-native-community/react-native-svg/blob/master/README.md#image