title: How to center text in Facebook Login Button for React Native (Android)?
body: <p>I am using Facebook SDK's (via <code>react-native-fbsdk</code>) Login Button in my React-Native application. </p>
  
  <p>The button text <code>Continue with Facebook</code> appears centered vertically in iOS but is off-center in Android (7.0).</p>
  
  <p>Is my only option to make my own custom button which calls the LoginManager manually, or is there a way to align the text using styles (I tried alignItems and justifyContent)? It seems like I have to do the former based on <a href="https://stackoverflow.com/questions/41850390/change-the-fb-login-button-text-react-native-fbsdk?utm_medium=organic&amp;utm_source=google_rich_qa&amp;utm_campaign=google_rich_qa">this SO question</a>.</p>
  
  <p>This is my code as of now:</p>
  
  <pre><code>&lt;LoginButton
     scope={'public_profile email'}
     style={{
         width: 220,
         height: 40
     }}
     onLoginFinished={this._facebookLogin}
     onLogoutFinished={() =&gt; console.log('logout.')}
  /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/1dC22l.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/1dC22l.jpg" alt="Photo of misaligned text"></a></p>