title: Image URL not supported in react-native-svg
body: <p>I'm working with the library react-native-svg: <a href="https://github.com/react-native-community/react-native-svg" rel="nofollow noreferrer">https://github.com/react-native-community/react-native-svg</a> to clip an image with a custom shape.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;Svg
    height="100"
    width="100"&gt;
    &lt;Defs&gt;
        &lt;ClipPath id="clip"&gt;
            &lt;Circle cx="50%" cy="50%" r="40%"/&gt;
        &lt;/ClipPath&gt;
    &lt;/Defs&gt;
    &lt;Image
        width="100%"
        height="100%"
        href={{uri : 'http://images.fonearena.com/blog/wp-content/uploads/2013/11/Lenovo-p780-camera-sample-10.jpg'}}
        clipPath="url(#clip)"/&gt;
  &lt;/Svg&gt;
  </code></pre>
  
  <p>Here's the sample that I referred to: <a href="https://github.com/react-native-community/react-native-svg#image" rel="nofollow noreferrer">https://github.com/react-native-community/react-native-svg#image</a> for the Image part (Note: Under SVG tag, the native-react-svg custom defined Image tag is used) but it only supports local images.</p>
  
  <p>I tried to dig deeper and found that it uses a <em>resolveAssetSource</em> function that probably only helps it load local images. I couldn't fix it though.</p>
  
  <p>Anyone got a clue on what can be done to make this work?</p>