React Native Form Runtime

Form runtime is a react container that let you to have dynamic forms based on design json schema.

Sample output

Prerequisites

You must have installed Expo And Native base in your application.

Installing

$ yarn add react-native-form-runtime

Simple Example

import FormRuntime from "react-native-form-runtime";
...
const formDesign = [
      {
        type: "Text",
        field: "firstName",
        label: "First Name"
      },
      {
        type: "Number",
        field: "age",
        label: "Age"
      },
      {
        type: "Picker",
        field: "gender",
        label: "Select Gender",
        options: ["Male", "Female"]
      }
    ];
...
_submit(formData: {}, ACTION: string) {
    console.log(formData);
}
...
 <FormRuntime
    formDesign={formDesign}
    type="submit"
    submit={this._submit.bind(this)}
    ></FormRuntime>

Available Properties

Available Fields ( Type in form design array)

Todo

• View Mode
• Form validation
• Flow Typed And Linting
• Test
• Add Picker Field
• Add more fields (Cont.)
• Add Example (Cont.)