title: Centred the View but don't getting the full input width
body: <p>Trying to build sign in page but the input width I am not getting. It is the width of button. The width 100% is not waking on inputs. Any idea</p>
  <pre><code>return (
      &lt;View style={{
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
      }}&gt;
        &lt;Card&gt;
          &lt;Input
            placeholder=&quot;Email&quot;
            value={username}
            onChangeText={setUsername}
          /&gt;
          &lt;Input
            placeholder=&quot;Password&quot;
            secureTextEntry={true}
            value={password}
            onChangeText={setPassword}
          /&gt;
          &lt;Button
            title=&quot;Sign in&quot;
            onPress={() =&gt; signin({ username, password })}
          /&gt;
        &lt;/Card&gt;
  
      &lt;/View&gt;
    );
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Ga0MW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ga0MW.png" alt="enter image description here" /></a></p>
  <p>Also I am using</p>
  <pre><code>import { Card, Button, Text, Input } from &quot;react-native-elements&quot;;
  </code></pre>