@7factor/react-native-form-builder

Render your custom forms created at form-builder.io in your react-native application..

Usage no npm install needed!

<script type="module">
  import 7factorReactNativeFormBuilder from 'https://cdn.skypack.dev/@7factor/react-native-form-builder';
</script>

README

react-native-form-builder

Render your custom forms created at form-builder.io in your react-native application..

Installation

yarn add @7factor/react-native-form-builder react-native-webview

Usage

import Form from "react-native-form-builder";

return () => <Form 
        id="THE_ID_OF_YOUR_FORM"
        initialValues={{
            name: "value"
        }}
        disableFields={['id']}
        hideSubmit={false}
        onSubmit={ (values) => /* Do Something */ }
    />
Property Default Value Required ? Function
id none yes This is the id of the form to render, found in your form URL
initialValues none no Use this to default any values in your form.
disableFields none no Use this array of strings, the name of each field, to prevent the user from editing them.
hideSubmit false no Optionally hide the submit button for readonly viewing.
onSubmit none no Use this to prevent the submission on Form-Builder and instead handle it locally within your applicatoin

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT