super-form-validator

Getting started

$ npm install super-form-validator --save

Usage

1import { useFormValidator, FormProvider, Container, Input, Submit } from 'super-form-validator';
2import { SafeAreaView, StyleSheet } from 'react-native';
3
4const App = () => {
5  const form = useFormValidator();
6
7  const handleAction = () => {
8    console.log('Form validated and submitted');
9  };
10
11  return (
12    <FormProvider value={form}>
13      <SafeAreaView style={styles.container}>
14        <Container>
15          <Input 
16            label="Name" 
17            name="name" 
18            placeholder="ex : Anna Marie" 
19            validate={(value) => value ? '' : 'Name is required'} 
20          />
21          <Input 
22            label="Email" 
23            name="email" 
24            placeholder="ex : anna@example.com" 
25            validate={(value) => /\S+@\S+\.\S+/.test(value) ? '' : 'Email is invalid'} 
26          />
27          <Submit 
28            label="Send" 
29            onFormValidated={handleAction} 
30          />
31        </Container>
32      </SafeAreaView>
33    </FormProvider>
34  );
35};
36
37const styles = StyleSheet.create({
38  container: {
39    flex: 1,
40    padding: 16,
41  },
42});
43
44export default App;
45