title: React-Native Image tag defaultSource point to in memory image data?
body: <p>Docs say:</p>
  
  <pre><code>defaultSource
  
  A static image to display while loading the image source.
  
      uri - a string representing the resource identifier for the image, which should be either a local file path or the name of a static image resource (which should be wrapped in the require('./path/to/image.png') function).
      width, height - can be specified if known at build time, in which case these will be used to set the default &lt;Image/&gt; component dimensions.
      scale - used to indicate the scale factor of the image. Defaults to 1.0 if unspecified, meaning that one image pixel equates to one display point / DIP.
      number - Opaque type returned by something like require('./image.jpg').
  </code></pre>
  
  <p>file reference only. How can I reference an in memory image data like the sample code from <a href="https://www.npmjs.com/package/react-native-fetch-blob#download-example--fetch-files-that-needs-authorization-token" rel="nofollow noreferrer">https://www.npmjs.com/package/react-native-fetch-blob#download-example--fetch-files-that-needs-authorization-token</a></p>
  
  <pre><code>RNFetchBlob.fetch('GET', 'http://www.example.com/images/img1.png', {
      Authorization : 'Bearer access-token...',
      // more headers  .. 
    })
    // when response status code is 200 
    .then((res) =&gt; {
      // the conversion is done in native code 
      let base64Str = res.base64()
      // the following conversions are done in js, it's SYNC 
      let text = res.text()
      let json = res.json()
  
    })
    // Status code is not 200 
    .catch((errorMessage, statusCode) =&gt; {
      // error handling 
    })
  </code></pre>