title: React Native: How to add inline read more text to long truncated text
body: <p>I'm showing long string in React Native App and I want to show it as two lined text. Using <a href="https://github.com/expo/react-native-read-more-text" rel="nofollow noreferrer">expo/react-native-read-more-text</a> for collapsing/revealing purposes. It's work but i want to show 'read more' text as inline with the same line of ellipsis. How can i do it?  </p>
  
  <p>Current output:  </p>
  
  <p><a href="https://i.stack.imgur.com/VLFCM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VLFCM.png" alt="Read more text in another line"></a></p>
  
  <p>I want like this as inlined:  </p>
  
  <p><a href="https://i.stack.imgur.com/6WKFI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6WKFI.jpg" alt="Read more text in same line with ellipsis"></a></p>
  
  <p>Component:    </p>
  
  <pre><code>const TestScreen = () =&gt; {
  
    _renderTruncatedFooter = (handlePress) =&gt; {
      return (
        &lt;Text style={{color: '#999'}} onPress={handlePress}&gt;
          more
        &lt;/Text&gt;
      );
    }
    return (
      &lt;View style={styles.container}&gt;
        &lt;View style={styles.card}&gt;
          &lt;ReadMore
            numberOfLines={2}
            renderTruncatedFooter={this._renderTruncatedFooter}
          &gt;
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
            enim ad minim veniam, quis nostrud exercitation ullamco laboris
            nisi ut aliquip ex ea commodo consequat.  Duis aute irure dolor
            in reprehenderit in voluptate velit esse cillum dolore eu fugiat
            nulla pariatur. Excepteur sint occaecat cupidatat non proident,
            sunt in culpa qui officia deserunt mollit anim id est laborumasd
            &lt;/ReadMore&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    );
  };
  export default TestScreen;
  </code></pre>