Can I pass headers to an image source?

Question

My image-source is secured, so ideally I would like to do the following:

<Image source={{uri: "http://path/to/image", 
                headers: {Authorization: 'Bearer ' + this.props.bearerToken}}}/> 

Is there anyway I can approximate that, short of loading the image into Javascript and rendering the image from there?

Answer 1

React naitve supports adding header or body in requesting image. UPDATED: See this.

 <Image source={{
      uri: 'https://facebook.github.io/react/img/logo_og.png',
      method: 'POST',
      headers: {
        Pragma: 'no-cache'
      },
      body: 'Your Body goes here'
    }}
    style={{width: 400, height: 400}} />

Answer 2

This capability has recently been merged into React-Native: https://github.com/facebook/react-native/pull/7338/files