我无法在React Native中垂直对齐我的登录表单

Question

我根本无法在屏幕上垂直对齐我的登录表单。

我正在使用nativebase。

从React Native文档示例开始，我尝试了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>

这是我的formStyle

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

Answer 1

以自己的风格使用alignItems：

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