title: React Native Inline Text Link
body: <p>I need to link up a selection text from within a <code>Text</code> component to point to an external URL.</p>
  <p>I have included a <code>TouchableOpacity</code> and specified a width and height as required, however the <code>TouchableOpacity</code> now seems to overlap the adjacent text.</p>
  <p>Example:</p>
  <pre><code>&lt;Text&gt;
  Lorem ipsum dolor sit amet, 
    &lt;TouchableOpacity 
          onPress={() =&gt; {Linking.openURL('http://www.example.com/')}} 
          style={{width: 108, height: 11}}&gt;
       &lt;Text&gt;
             consectetur adipiscing
       &lt;/Text&gt;
    &lt;/TouchableOpacity&gt; 
      elit. Fusce congue malesuada euismod.
  &lt;/Text&gt;
  </code></pre>
  <p>What's the best way to keep <code>TouchableOpacity</code>s inline within <code>Text</code> components?</p>