微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Formik需要按外部textInput来按按钮

如何解决Formik需要按外部textInput来按按钮

我在React Native中有一个Formik表单,带有一个提交按钮:

<Formik
  ...
  onSubmit={(values: Values) => {
    ...
  }}>
  {({ handleChange,handleBlur,handleSubmit,values,isValid,dirty }) => (
    <View>
      <TextInput
        onChangeText={handleChange('firstName')}
        onBlur={handleBlur('firstName')}
        value={values.firstName}
        clearButtonMode="while-editing"
      />
     <Button disabled={!dirty || !isValid} onPress={() => handleSubmit()} title="Submit" />
    </View>
  )}
</Formik>

当我专注于TextInput时,我可以编辑该字段。大!。然后,我想按“提交”按钮。我需要按两次-一次将焦点移到TextInput上,然后一次提交。我只想按一次。

我尝试将表单包装在<ScrollView keyboardShouldPersistTaps="handled">中,也用它替换了<View>,但这没有帮助。有什么想法吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。