React native AntD RN日期选择器从屏幕中间显示

我正在使用formik和antd mobile rn进行我的应用程序，目前我正在编写一份注册表。现在我的日期选择器出现在屏幕中间。我相信这可能是因为

似乎在屏幕的末尾添加了额外的填充，这是我的组件（我省略了不相关的代码）

export const RegisterView:React.FC=（）=>{
//通过useNavigation钩子访问导航
const navigation=useNavigation（）；
常量loginHandler=（）=>{
导航。导航（“登录”）；
};
返回(
{
设置提交（真）；
设置超时（（）=>{
控制台日志（数据）；
设置提交（假）；
}, 5000);
}}
>
{
//在这个函数中，Formik为我们提供了一些额外的参数
({
价值观
handleChange，
手推，
车把，
提交，
setFieldValue，
}) => (
//tslint:禁用下一行：无未使用的表达式
{
setFieldValue（“生日”，日期）；
}}
>
选择一个日期
)
}
);
};
const styles=StyleSheet.create({
容器：{
显示：“flex”，
辩护内容：“柔性端”，
弹性：1，
},
图像容器：{
对齐项目：“中心”，
辩护内容：“中心”，
},
formConstainer:{}，
});

下面是它现在的样子：

export const RegisterView: React.FC = () => {
  // Access the navigation though the useNavigation hook
  const navigation = useNavigation();

  const loginHanddler = () => {
    navigation.navigate("Login");
  };

  return (
    <View style={styles.container}>
      <ScrollView
        style={{ flex: 1, backgroundColor: "#f5f5f9" }}
        contentContainerStyle={{ flex: 1 }}
        showsHorizontalScrollIndicator={false}
        showsVerticalScrollIndicator={false}
      >

        <View style={styles.formConstainer}>
          <Formik
            initialValues={{
              email: "",
              password: "",
              fullName: "",
              birthdate: new Date(),
            }}
            onSubmit={(data, { setSubmitting }) => {
              setSubmitting(true);
              setTimeout(() => {
                console.log(data);
                setSubmitting(false);
              }, 5000);
            }}
          >
            {
              // In this function Formik gives us a few extra parameters
              ({
                values,
                handleChange,
                handleSubmit,
                handleBlur,
                isSubmitting,
                setFieldValue,
              }) => (
                // tslint:disable-next-line: no-unused-expression
                <Provider locale={enUS}>
                  <List renderHeader={"Foo"}>
                    <DatePicker
                      value={values.birthdate}
                      mode="date"
                      defaultDate={new Date()}
                      minDate={new Date(2015, 7, 6)}
                      maxDate={new Date(2026, 11, 3)}
                      format="YYYY-MM-DD"
                      onChange={(date) => {
                        setFieldValue("birthdate", date);
                      }}
                    >
                      <List.Item>Select a Date</List.Item>
                    </DatePicker>
                  </List>
                </Provider>
              )
            }
          </Formik>
        </View>
      </ScrollView>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    display: "flex",
    justifyContent: "flex-end",
    flex: 1,
  },
  imageContainer: {
    alignItems: "center",
    justifyContent: "center",
  },
  formConstainer: {},
});