title: React Native avoid {width: '100%'} by default
body: <p>My code is pretty simple: (relevant parts shown only)</p>
  
  <pre><code>&lt;ScrollView style={{/* padding, centering... */}&gt;
    &lt;Text&gt;SHARE WITH YOU FRIENDS&lt;/Text&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  
  <p>Yet, when I inspect the Text node, its width is 100% of its container, and the grey background goes all the width.</p>
  
  <p>Is there a layout setting to make this Text's width as small as possible? I.e. only until the end of the Text.</p>
  
  <p><a href="https://i.stack.imgur.com/TVdgs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TVdgs.png" alt="demo"></a></p>