Skip to content
πŸ“ React Native tutorials, helpers, and demo app for form validation and scroll to invalid logic
JavaScript Objective-C Ruby Python Java
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demoApp setup working export Oct 1, 2019
src
.gitignore
LICENSE
README.md
package.json
yarn.lock

README.md

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

You can’t perform that action at this time.