title: How do I use a captured image with react-native-camera
body: <p>I can get the <a href="https://github.com/lwansbrough/react-native-camera" rel="noreferrer">react-native-camera</a> module to access the camera and save an image. However, I can't figure out how to display this image to the user.</p>
  
  <p>What I'm trying:</p>
  
  <p>Here I take the picture. This generates what looks to be a <code>.jpg</code> file in <code>assets-library://....</code></p>
  
  <pre><code>    _takePicture() {
          var self = this;
          this.refs.cam.capture(function(err, data) {
            this.setState({photo: data});
            console.log(err, data);
            // data is "assets-library://asset/asset.JPG?id=########-####-####-####-##########&amp;ext=JPG"
            console.log('just took a picture');
          }); 
      }
  </code></pre>
  
  <p>However, If I try to render the image:</p>
  
  <pre><code>    render: function() {
        return(
           &lt;Image style={styles.image} source={{uri: this.state.photo}}/&gt;
        );
      }
  </code></pre>
  
  <p>I get this error:</p>
  
  <p><code>No suitable image URL loader found for assets-library://asset/asset.JPG?id=.......</code></p>
  
  <p>How can I take a photo, save it to the current <code>state</code> of my application, and render it?</p>