title: React Native Android Text Component extra padding
body: <p>I was wondering why am getting these weird <code>padding</code> on my Text in react-native. I tried every thing to just get a perfect text but nothing seems to work the only thing that worked was <code>paddingVertical</code> and <code>paddingHorizontal</code> but it's way too hacky and not reliable.</p>
  
  <pre><code>&lt;Text numberOfLines={1} 
        style={{
              backgroundColor: 'red', 
              lineHeight: 92, 
              textAlign: 'center', 
              textAlignVertical: 'center', 
              padding: 0, 
              margin: 0, 
              fontSize: 92,  
              color: '#2d76ff', 
              fontFamily: 'Roboto-Regular', 
              includeFontPadding: false}}&gt;
        {this.state.documents}
  &lt;/Text&gt;
  </code></pre>
  
  <p><strong>Zeplin</strong></p>
  
  <p><a href="https://i.stack.imgur.com/9i03y.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9i03y.png" alt="enter image description here"></a></p>
  
  <p><strong>Screenshot from my HTC</strong></p>
  
  <p><a href="https://i.stack.imgur.com/a8g4p.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/a8g4p.jpg" alt="enter image description here"></a></p>