title: image shown blank in RN gifted chat
body: <p>My chat app uses RN 0.59.9 and <code>react-native-gifted-chat</code>(0.9.6). The message data object is like this:</p>
  
  <pre><code>let r = {
            _id: msg.id,
            text: msg.data.msg_body,
            image: msg.data.image,
            video: msg.data.video,
            createdAt : msg.createdAt,
            user: {
              _id: msg.sender_id,
              name: msg.user_name,
              avatar: msg.user_avatar,
            }
          };
  </code></pre>
  
  <p>Among <code>text, image and video</code>, there is only one field filled in with data and other 2 is either null or undefined for each message. Here is an example of message data in db:</p>
  
  <p><a href="https://i.stack.imgur.com/4Y8N8.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4Y8N8.jpg" alt="enter image description here"></a></p>
  
  <p>Here is the last 2 image message output:</p>
  
  <pre><code>06-29 15:10:21.732 14652 14927 I ReactNativeJS: 'Messages : ', [ { _id: 131,
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     text: undefined,
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     image: './20160906_114858_HDR.jpg',
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     video: undefined,
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     createdAt: '2019-06-16T04:29:04.902Z',
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     user: { _id: 22, name: 'jc', avatar: undefined } },
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:   { _id: 130,
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     text: '',
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     image: 'https://www.pexels.com/photo/nature-red-love-romantic-67636/',
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     video: undefined,
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     createdAt: '2019-06-16T04:23:36.663Z',
  06-29 15:10:21.732 14652 14927 I ReactNativeJS:     user: { _id: 22, name: 'jc', avatar: undefined } },
  </code></pre>
  
  <p>One image is pointing to a URL and another one is a local file. But both image are not showing:</p>
  
  <p><a href="https://i.stack.imgur.com/j96BS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/j96BS.jpg" alt="enter image description here"></a></p>
  
  <p>The render code is simple:</p>
  
  <pre><code>render() {
        return (
            &lt;GiftedChat 
              messages={this.state.messages}
              onSend={messages =&gt; this._onSend(messages)}
              //renderMessageImage={() =&gt; this.showImage}
              user={{_id: this.props.navigation.state.params.user.id,
                     name: this.props.navigation.state.params.user.name,
                     avatar: this.props.navigation.state.params.user.user_data.avatar}}
            /&gt; 
        );
      }
  </code></pre>
  
  <p>The image URL link is tested and loading and the local file is a image of 3MB. What could cause no-show with the image?</p>