React-Native Populate image with URL that has been converted from a blob
<p>I am trying to populate an image with a URl  </p>

<pre><code>&lt;Image source={{uri: this.state.imageURL}} style={styles.thumb} /&gt;
</code></pre>

<p>I request the image from the server, using the fetch API, and it returns a blob.</p>

<p>I then convert the BLOB into a URL using the following line:  </p>

<pre><code>var imageURL = window.URL.createObjectURL(attachmentBLOB);
</code></pre>

<p>When I console.log() the imageURL it prints:     </p>

<pre><code>blob:http%3A//localhost%3A8081/4ce24d92-0b7e-4350-9a18-83b74bed6f87
</code></pre>

<p>I am getting no errors or warning. The image is just not displaying</p>

<p>I am using the android emulator.</p>

<p>Please help. Thanks in advance!</p>