More React Native Examples

[mattslight]

Love this project! Super helpful and once I understand the concepts it does save me time.

Can I suggest that the React Native example using the <Controller /> component be expanded a little. (Sorry not sure how I can submit a PR). It took me a lot of trial and error to figure out how to apply some common validation rules since most of the examples use the register method.

<Controller
  name="email"
  control={control}
  rules={{ /* *** This rules syntax was what took me a while to figure out *** */
    required: { value: true, message: "Email is required" },
    pattern: { value: /.+@.+\..+/, message: "Check email format" },
  }} 
  render={({ field: { onChange, value } }) => {
    return (
      <Input
        onChangeText={(text) => onChange(text)}
        label="Email address"
        error={errors?.email}
        errorText={errors?.email?.message}
      />
    );
  }}
/>

[bluebill1049]

awesome feedback. will include that in the react native example for validation.

[mattslight]

Another simple example using maxLength and minLength

<Controller
  name="otp"
  control={control}
  rules={{
    required: { value: true, message: "Pin is required" },
    minLength: { value: 6, message: "Pin is six digits" },
    maxLength: { value: 6, message: "Pin is six digits" },
  }}
  render={({ field: { onChange, value } }) => (
    <Input
      onChangeText={(text) => onChange(text)}
      error={errors?.otp}
      errorText={errors?.otp?.message}
      maxLength={6}
      keyboardType="number-pad"
    />
  )}
/>