Skip to content

๐Ÿ“ React Native tutorials, helpers, and demo app for form validation and scroll to invalid logic

License

Notifications You must be signed in to change notification settings

lawnstarter/react-native-form-helpers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

67 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

react-native-form-helpers

npm version

Step 1:
npm install react-native-form-helpers

Step 2:
Create a dictionary file (example dictionary)

Step 3:

import RNFormHelpers from "./react-native-form-helpers";
import { validationDictionary } from "./dictionary.js"; // location of your dictionary file

export const validationService = RNFormHelpers({
  dictionary: validationDictionary
});

Step 4:
Import into your form and utilize the built-in methods. See below tutorial or sample app for more details.

Tutorial Series:

https://medium.com/lawnstarter-engineering/how-to-create-custom-forms-with-validation-and-scroll-to-invalid-logic-in-react-native-part-one-43e5f7cdf807

https://medium.com/lawnstarter-engineering/how-to-create-custom-forms-with-validation-and-scroll-to-invalid-logic-in-react-native-part-two-9834849d4d78

https://medium.com/lawnstarter-engineering/how-to-create-custom-forms-with-validation-and-scroll-to-invalid-logic-in-react-native-f6a4cc049095