title: How to implement blue tick feature like Whatsapp in react native chat app
body: <p>I'm building a chat application which is working fine but now I want to implement <code>blue tick</code> feature to check either message has been <code>seen or not</code>. I'm using <code>socket.io</code> and <code>react-native-gifted-chat</code> in this app. I am struggling to find a way to know how to do this. I visit many links but did not get the clear picture. react-native-gifted-chat describes to use <code>renderTicks</code> function for this but I'm unable to understand its implementation.</p>
  <p><strong>renderTicks</strong></p>
  <pre><code>  renderTicks = (message) =&gt; {
      const {currentMessage, renderTicks, user} = this.props;
      if (renderTicks &amp;&amp; currentMessage) {
        return renderTicks(currentMessage);
      }
      if (currentMessage &amp;&amp; user &amp;&amp; currentMessage.user._id !== user._id) {
        return null;
      }
      if (
        currentMessage &amp;&amp;
        (currentMessage.sent || currentMessage.received || currentMessage.pending)
      ) {
        return (
          &lt;View style={styles.content.tickView}&gt;
            {!!currentMessage.sent &amp;&amp; (
              &lt;Text style={[styles.content.tick, this.props.tickStyle]}&gt;✓&lt;/Text&gt;
            )}
            {!!currentMessage.received &amp;&amp; (
              &lt;Text style={[styles.content.tick, this.props.tickStyle]}&gt;✓&lt;/Text&gt;
            )}
            {!!currentMessage.pending &amp;&amp; (
              &lt;Text style={[styles.content.tick, this.props.tickStyle]}&gt;&lt;/Text&gt;
            )}
          &lt;/View&gt;
        );
      }
      return null;
    };
  </code></pre>
  <p><strong>GiftedChat</strong></p>
  <pre><code>&lt;GiftedChat
          ..........
          renderTicks={(message) =&gt; this.renderTicks(message)}
  /&gt;
  </code></pre>
  <p>Here <strong>currentMessage</strong> and <strong>renderTicks</strong> both are coming <strong>undefined</strong>.</p>
  <p>What I'm doing wrong here, kindly enlighten.</p>
  <p>OR</p>
  <p>Can anybody help me out with example code of renderTicks.</p>
  <p><strong>react-native version = 0.62.2</strong></p>
  <p>Thanks in advance.</p>