GuidesComponentsHelpersForm helpers

FormField

Formik-connected text input with touched error display

  • Stable unknown
  • Release candidate since 1.16.1-rc.3
  • Development since 1.16.1-dev.2111+9796905

FormField wraps React Native Paper TextInput and binds its value, change, blur, and touched error state to a Formik context. Pass that context explicitly.

import { FormikContext } from "formik";
import { FormField } from "@ovok/native/helpers";

<FormField
  name="email"
  context={FormikContext}
  label="Email address"
  keyboardType="email-address"
/>

name supports Formik paths, and context must be the context used by the form. Other supported Paper TextInput props are forwarded; value and onChangeText are controlled by the form state.

Last updated on