react_native_dynamic_form_typescript v0.0.1

React Native Dynamic Form From JSON

Description

A dependency to create basic form using with just single JSON. Which even can return a single json for submission.

Installation

npm install react_native_form_simplified_typescript
                OR
yarn add react_native_form_simplified_typescript

Usage

Live code example

import InputForm, {
  IFormProvider,
} from "react_native_form_simplified_typescript";

function Example() {
  let options = {
    json: formJson,
    schema: schema,
    outlined: true,
    submit: true,
    spaceInFields: true,
    isVerticalCenter: true,
  };
  const onSubmit = async (data) => {
    Alert.alert("data is", JSON.stringify(data));
  };

  return (
    <View style={{ flex: 1 }}>
      <IFormProvider options={options} onSubmitTapped={onSubmit}>
        <InputForm></InputForm>
      </IFormProvider>
    </View>
  );
}

Example Form JSON

const formJson = [
  {
    type: 'text',
    name: 'username',
    label: 'Username',
    value: null,
  },
  {
    type: 'password',
    name: 'password',
    label: 'Password',
    value: null,
  },
];