Home

react-native-json-forms

Description

Tool to create forms in React Native from a JSON file containing the form description. This tool is compatible with forms created using SurveyJS but contains some extra features and also allows extensions. Information about the elements and extensions can be found in the Elements Page.

Installation

$ npm install --save react-native-json-forms

Usage

Bellow there is an example of usage of the Form component imported from the package. The FormScreen can be any application screen used as a parent component.

// Import stuff from react and react-native
import React from 'react';
import { View } from 'react-native';
// Import the component from the package
import Form from 'react-native-json-forms';

// Import JSON file with the form
import data from './data.json';
// Import JS file with the extension
import FormExtension from './FormExtension';

// Parent component
const FormScreen = props => {
    // Handle form answer data
    const onSubmit = (data) => {
        console.log(data);
    };
    // Render component
    return (
        <View>
            <Form json={data} extension={FormExtension} onSubmit={onSubmit} />
        </View>
    );
};

export default FormScreen;

Props

**json: ** **extension: ** **onSubmit: **