ネイティブベースで<Form>コンポーネントの左スペースを削除します

Question

フォームコンポーネントの左スペーシングを削除するにはどうすればいいですか？私のデザインにネイティブベースUIを使用しています。ここでは以下の私のコードは次のとおりです。

<Form> 
    <Item style={styles.loginInputItem}> 
    <Input placeholder="Email address" style={styles.loginInput} placeholderTextColor="#FFFFFF" /> 
    </Item> 
    <Item style={styles.loginInputItem}> 
    <Input placeholder="Password" secureTextEntry={true} style={styles.loginInput} placeholderTextColor="#FFFFFF" /> 
    </Item> 
    <Button block style={styles.loginButton}> 
    <Text>Login</Text> 
    </Button> 
    <Button block style={styles.loginFacebookButton}> 
    <Text>Connect with Facebook</Text> 
    </Button> 
    <Button block style={styles.loginGoogleButton}> 
    <Text style={styles.loginGoogleButtonText}>Connect with Google</Text> 
    </Button> 
    <Button block transparent light> 
    <Text>Forgot Password?</Text> 
    </Button> 
</Form> 

Answer 1

だけ<Item/>のスタイルをオーバーライドして、marginLeft:0

<Item style={{ marginLeft: 0 }}/> 

を設定します