Shiva Nandan

these are the images I used in the demo: 1. Image that can "fit to screen": https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Emojione_1F417.svg/1024px-Emojione_1F417.svg.png 2. Image that cannot "fit to screen": https://upload.wikimedia.org/wikipedia/de/d/da/Manchester_United_FC.svg

Ah, sorry. wait.. the first image used in demo is actually a png. --- But the issue still stands that the reason this image doesn't get rendered within the bounding...

@sirjmkitavi If we are able to mutate the various tags in svg and somehow get it to work, then that would be a good step towards figuring out the issue...

fetch is included in react-native by default. Can you tell which version of react-native you were using?

@ckknight It just matches '.svg' anywhere in the string. So if you have a file named 'something.svg.png', it will wrongly get matched as svg and end up using SvgImage. But...

Can you add `overflow: hidden;` to the html/body tag style and that would make sure scrollbar is not shown. Try that and let me know.

How is this better than rendering the svg directly in DOM?

The `height: 100%; width: 100%` that was assigned to `svg` tag also ensured that the svg covered the whole webview. Was there any scenario where it wasn't covering the WebView...

Hi, Can you show me how you are using the component and where you are setting fill to '#222'?

@Zilleabbas10 can you provide some info on this?