/Javascript/React/How to install formik in react native

How to install formik in react native

Formik react native

// Formik x React Native example
2 import React from 'react';
3 import { Button, TextInput, View } from 'react-native';
4 import { Formik } from 'formik';
5 
6 export const MyReactNativeForm = props => (
7   <Formik
8     initialValues={{ email: '' }}
9     onSubmit={values => console.log(values)}
10   >
11     {({ handleChange, handleBlur, handleSubmit, values }) => (
12       <View>
13         <TextInput
14           onChangeText={handleChange('email')}
15           onBlur={handleBlur('email')}
16           value={values.email}
17         />
18         <Button onPress={handleSubmit} title="Submit" />
19       </View>
20     )}
21   </Formik>
22 );

Source: formik.org

How to install formik in react native

****** REACT-NATIVE *****

// how to install formik(latest version) in react native
npm i formik

// how to install formik (specific version) in react native
npm i formik@2.1.4

Source: grepper.com

Formik react native

// Formik x React Native example
import React from 'react';
import { Button, TextInput, View } from 'react-native';
import { Formik } from 'formik';

export const MyReactNativeForm = props => (
  <Formik
     initialValues={{ email: '' }}
     onSubmit={values => console.log(values)}
   >
     {({ handleChange, handleBlur, handleSubmit, values }) => (
       <View>
         <TextInput
           onChangeText={handleChange('email')}
           onBlur={handleBlur('email')}
           value={values.email}
         />
         <Button onPress={handleSubmit} title="Submit" />
       </View>
     )}
   </Formik>
 );

Source: formik.org

Similar codes

2 votes94 views1 answer
How to add react scroll scrollable link
Javascript React
0 vote100 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
0 vote111 views3 answers
React-native restart app
Javascript React
99 votes126 views6 answers
How to install react router DOM
Javascript React
0 vote105 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote112 views2 answers
React native elements datepicker
Javascript React
0 vote98 views1 answer
Créer composant react
Javascript React
63 votes105 views3 answers
Concat two arrays in react
Javascript React
0 vote105 views1 answer
React input cursor jump end
Javascript React
0 vote103 views1 answer
How to draw a long underline in react native
Javascript React