title: How to use renderMessage, renderMessageImage functions and also how to display no messages found if the messages object is empty
body: <p>I'm integrating react-native-gifted-chat in my application.</p>
  
  <p>my code for gifted chat is </p>
  
  <pre><code>     &lt;GiftedChat
                  composerHeight={COMPOSER_HEIGHT}
                  minInputToolbarHeight={COMPOSER_HEIGHT}
                  messages={this.state.messages}
                  onSend={messages =&gt; this.onSend(messages)}
                  user={{ _id: this.state.senderUserName }}
                  loadEarlier={this.state.loadEarlier}
                  isLoadingEarlier={this.state.isLoadingEarlier}
                  onLoadEarlier={this.onLoadEarlier}
                  placeholder="Type your message"
                  renderSend={this.renderSend}
                  alwaysShowSend={true}
                  renderActions={this.imageSend.bind(this)}
                  renderInputToolbar={this.renderInputToolbar}
                  renderBubble={this.renderBubble.bind(this)}
                  renderMessage={this.renderMessage.bind(this)}
                  renderMessageImage={this.renderMessageImage}
                  renderAvatar={null}
                  inverted={true}
              /&gt; 
  </code></pre>
  
  <p>Here i need to use custom image renderer. I know i need to use renderMessageImage but i cant able to find proper example to achieve it. </p>
  
  <pre><code>My RenderMessageImage is 
  
          renderMessage(props) {
             if(this.state.messages.length !==0){
               return &lt;Message {...props} 
               /&gt;;
               }else{
                 return &lt;View style={{flex:1, backgroundColor:'red'}}&gt;
                   &lt;Text&gt;Hello no data found&lt;/Text&gt;
                 &lt;/View&gt;
                    }
                  return null
                      }
  </code></pre>
  
  <p>but it is not working. </p>
  
  <p>and my another problem is if there is no any messages i need to show the gifted chat screen as no messages found instead of white screen. How can i achieve this two.</p>
  
  <p>i need the screen something like </p>
  
  <p><a href="https://i.stack.imgur.com/qLdPt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qLdPt.png" alt="enter image description here"></a></p>