singh100ful

<Input 
  type="file"
  name="file"
  onChange={handleChange("file")}
/>

singh100ful

<Input
  type="file"
  name="file"
  onChange={(event) =>{
    setFieldValue("photo1", event.target.files[0]);
  }}
/>

singh100ful

handleSubmit = (values) => {
  let data = new FormData();
  data.append("photo1", values.photo1);
  return fetch(baseUrl, {
    method: "post",
    headers: new Headers({
      Accept: "application/json",
      Authorization: "Bearer " + token,
    }),
    body: data,

singh100ful

<Formik initialValues={{ email: '', password: ''}} onSubmit={this.handleSubmit}>
  {(formProps) => (
    <View>
      <TextInput 
        value={formProps.values.email}
        onChangeText={formProps.handleChange('email')}
        placeholder="Enter Email"
      />
      <TextInput
        value={formProps.values.password}

singh100ful

<Formik
  initialValues={{ email: '', password: ''}}
  validationSchema={yup.object().shape({
    email: yup
      .string()
      .email('Invalid Email')
      .required('Email is Required.'),
    password: yup.string()
      .min(6)
      .required('Password is Required'),

singh100ful

{formProps.errors.email && (
  <Text
    style={{
      fontSize: 16,
      color: 'red',
      paddingHorizontal: 10,
    }}>
    {formProps.errors.email}
  </Text>
)}

singh100ful

<TextInput 
 ...
 onBlur={() => formProps.setFieldTouched('email')}
/>
{formProps.touched.email && formProps.errors.email && (
  <Text
    style={{
      fontSize: 16,
      color: 'red',
      paddingHorizontal: 10,

singh100ful

<Formik initialValues={{ ... }} onSubmit={this.handleSubmit}>
  {(formProps) => (
    <View>
      ...
      <Button
        title="Log In"
        disabled={!formProps.isValid}
        onPress={formProps.handleSubmit}
      />
    </View>

singh100ful

handleSubmit = (values, {props = this.props}) => {
  let data = {
    email: values.email,
    password: values.password,
  };
  return fetch(baseUrl, {
    method: "post",
    headers: new Headers({
      Accept: "application/json",
      'Content-Type': 'application/json',

singh100ful

import React, {Component} from 'react';
import {Formik} from 'formik';
import * as yup from 'yup';
import {
  View,
  TextInput,
  Text,
  Button
} from 'react-native';