title: React-Native Button Align Center
body: <p>I'm using native base button i want to align the button in the center of the screen i tried this:</p>
  
  <pre><code>&lt;Container style={{flex:1,
      flexDirection:'row',
      alignItems:'center',
      justifyContent:'center',}}&gt;
           &lt;Form style={{}}&gt;
                &lt;Item last&gt;
                      &lt;Input placeholder='Username' 
                      style={{color:'white'}}/&gt;
                  &lt;/Item&gt;
                &lt;Item last&gt;
                    &lt;Input placeholder="Password"
                    style={{color:'white'}} /&gt;
                &lt;/Item&gt;
  
                &lt;Button style={{width:170,backgroundColor:'#99004d',marginTop:20,}}&gt;
                      &lt;Text style={{marginLeft:50}}&gt;Login&lt;/Text&gt;
                &lt;/Button&gt;
  
                &lt;Text style={{color:'white'}}&gt;{this.props.Name}&lt;/Text&gt;
            &lt;/Form&gt;
          &lt;/Container&gt;
  </code></pre>
  
  <p>But it reducing the size of input field the result I'm getting is following:</p>
  
  <p><a href="https://i.stack.imgur.com/Pn9qB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Pn9qB.png" alt="enter image description here"></a></p>