@monadstech/react-native-form

A Form Library for React Native


Keywords
React Native, React Native Form, Form, react-native-form, rn-form, monads, react-native
License
MIT
Install
npm install @monadstech/react-native-form@0.0.6

Documentation

react-native-form

A Declarative Form Library for React Native.

Features

  • Declarative
  • Easy Error Handling
  • Simple & Intuitive API
  • Independent form Input Components

Install

yarn add @monadstech/react-native-form
npm install @monadstech/react-native-form

Usage

import React from 'react';
import {Form, FormItem, FormAction} from '@monadstech/react-native-form';

const FormView = (props) => {
  const formRef = React.useRef();

  return (
    <Form
      name="FormName"
      ref={(form) => (formRef.current = form)}
      onFinish={(values) => {
        console.log('values', values);
      }}
      onFinishFailed={(errors) => {
        console.log('errors', errors);
      }}>
      <FormItem
        name="input1"
        label="Name"
        options={{
          initialValue: 'First Name',
          rules: [
            {
              required: true,
              message: 'Please enter your name!',
            },
          ],
        }}>
        {/* Your Input Component Here, which accepts value and onChange props */}
      </FormItem>
      <FormAction title="Login" />
    </Form>
  );
};