Я не могу выровнять форму входа в React Native по вертикали

Question

Я просто не могу выровнять мою форму входа на экране по вертикали.

Я использую nativebase.

Начиная с примера React Native docs, я пробовал много разных решений, предоставляемых на SO и на других платформах.

Это моя форма входа.Я удалил ненужные части.

<Container>
 <Content>
  <Form style={formStyle}>
   <Item>
    <Icon />
    <Input label="email" />
   </Item>
   <Item>
    <Icon />
    <Input label="password" />
   </Item>
   <Button>
    <Text>Login</Text>
   </Button>
  </Form>
 </Content>
</Container>

А вот и моя форма Style

formStyle: {
    flex: 1,
    flexDirection: "column",
    justifyContent: "center",
  }

Answer 1

Используйте alignItems в вашем стиле:

formStyle: {
    flex: 1,
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center"
}