删除本机基础中 <Form> 组件中的左间距

Question

我想问一下，如何去除 Form 组件中的左间距，我的设计使用的是原生基础 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 }}/>

删除本机基础中 <Form> 组件中的左间距

Remove left spacing in <Form> component in native base

react-native

native-base