singh100ful

import React, {Component} from 'react';
import {Formik, Form} from 'formik';
import {Container, Button, Input} from 'reactstrap';

export default class App extends Component {
  handleSubmit = (values) => {
  let data = new FormData();
  data.append("photo1", values.photo1);
  return fetch(baseUrl, {
    method: "post",

singh100ful

<Formik initialValues={{ diet: [] }}>
  {(formProps) => (
   <Form>
     <FieldArray name="diet">
       {(arrayHelpers) => {
         return (
           <Form>
             {/**  whatever you need to do */}
           </Form>
         );

singh100ful

export const FormComponent = ({
  arrayHelpers
}) => (
 <Form>
  {/**  whatever you need to do */}
 </Form>
);

<Formik initialValues={{ diet: [] }}>
  {(formProps) => (

singh100ful

<Formik initialValues={{ diet: [] }}
  validationSchema={Yup.object().shape({
    diet: Yup.array()
      .of(
        Yup.object().shape({
          food_name: Yup.string().required("Required"),
          quantity: Yup.string().required("Required"),
        })
      )
      .required("Required"),

singh100ful

<Form style={{ padding: 20 }}>
  <FieldArray
    name="diet"
    render={(arrayHelpers) => (
      <div>
        <Button
          onClick={() => {
            arrayHelpers.push({
              food_name: "",
              quantity: "",

singh100ful

<Formik initialValues={{ diet: [] }}>
  {(formProps) => (
   <Form>
     <FieldArray
       name="diet"
       render={(arrayHelpers) => (
         //FieldArray Form
       )}
     />
   </Form>

singh100ful

import React, {Component} from 'react';
import {RNCamera} from 'react-native-camera';
import {View, TouchableOpacity, Text} from 'react-native';

export class App extends Component {
  takePicture = async () => {
    if (this.camera) {
      const options = { width: 500, quality: 0.5 };
      const data = await this.camera.takePictureAsync(options);
      console.log(data.uri);

singh100ful

const options = {
  title: 'Select Picture',
  storageOptions: {
    skipBackup: true,
    path: 'images',
  },
  maxWidth: 500,
  maxHeight: 500,
  quality: 0.5,
  videoQuality: 'medium'

singh100ful

@Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
    //initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); <-comment here
  }

singh100ful

NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
  NetworkingModule.setCustomClientBuilder(
    new NetworkingModule.CustomClientBuilder() {
    @Override
    public void apply(OkHttpClient.Builder builder) {
      // builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); comment here
    }
  });
client.addPlugin(networkFlipperPlugin);
client.start();