Display svg image from API

[latusdenis]

Hi!
Trying to display the image, which I get from https://restcountries.eu/rest/v2/all.

<SvgUri width="30" height="30" source={{uri: 'https://restcountries.eu/data/afg.svg'}} />

But I am getting this error:

Using the image from example instead works perfectly. What can be the problem?

Thanks!

[geekdreamzz]

Same for me - also tried sending "string" into svgXmlData prop which the readme says, but get the same errors

[geekdreamzz]

hey @latusdenis - I don't have a fix but I think I know whats happening.
In my svg when I removed the <use /> tag - it renders just fine... So it's almost like it doesn't work for svgs that have pointers to another element.

I plan to see if I can generate my svgs with a bunch of fills only. I'll also try and see if I can take a look at this lib and make a pr if I can develop a fix.

[geekdreamzz]

was able to get around this error with this: https://github.com/kristerkari/react-native-svg-transformer

[latusdenis]

@geeklevel1000 Thanks for your help! May me the problem with the lib, which doesn't render some SVG's properly.
I've used https://github.com/chitezh/react-native-svg-image lib instead and it worked perfectly for me.

[durdevic]

I had issues with showing SVGs on Android on release version even though it worked on development (known issue).

This solved my issue, https://github.com/seekshiva/react-native-remote-svg