React-Native Button Align Center : <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>
