https://github.com/lawnstarter/react-native-form-helpers

📝 React Native tutorials, helpers, and demo app for form validation and scroll to invalid logic
https://github.com/lawnstarter/react-native-form-helpers

demo forms react react-native validation

Last synced: about 2 months ago
JSON representation

📝 React Native tutorials, helpers, and demo app for form validation and scroll to invalid logic

• Host: GitHub
• URL: https://github.com/lawnstarter/react-native-form-helpers
• Owner: lawnstarter
• License: mit
• Created: 2019-05-03T21:38:36.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-27T20:47:10.000Z (3 months ago)
• Last Synced: 2024-10-06T11:06:17.476Z (3 months ago)
• Topics: demo, forms, react, react-native, validation
• Language: JavaScript
• Homepage:
• Size: 1.74 MB
• Stars: 18
• Watchers: 5
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-form-helpers

[![npm version](https://badge.fury.io/js/react-native-form-helpers.svg)](https://badge.fury.io/js/react-native-form-helpers)

**Step 1:**


`npm install react-native-form-helpers`

**Step 2:**


Create a dictionary file ([example dictionary](demoApp/react-native-form-helpers/dictionary.js))

**Step 3:**


```js

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](demoApp/App.js) 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