{"id":22486315,"url":"https://github.com/formio/react-native-formio","last_synced_at":"2025-08-02T19:31:31.524Z","repository":{"id":36539953,"uuid":"137904736","full_name":"formio/react-native-formio","owner":"formio","description":"React Native Version of Formio Renderer","archived":true,"fork":false,"pushed_at":"2023-05-11T13:16:36.000Z","size":13487,"stargazers_count":18,"open_issues_count":32,"forks_count":21,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-04-14T23:58:32.276Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/formio.png","metadata":{"files":{"readme":"README.md","changelog":"Changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-19T14:42:36.000Z","updated_at":"2023-09-12T06:58:03.000Z","dependencies_parsed_at":"2023-01-17T02:30:27.445Z","dependency_job_id":null,"html_url":"https://github.com/formio/react-native-formio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Freact-native-formio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Freact-native-formio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Freact-native-formio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Freact-native-formio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/formio","download_url":"https://codeload.github.com/formio/react-native-formio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228500114,"owners_count":17930001,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-06T17:14:21.848Z","updated_at":"2024-12-06T17:15:42.547Z","avatar_url":"https://github.com/formio.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"## This repository is now considered legacy and no longer supported. Please take a look at our recent repositories and help documentation at the following links.\n - https://help.form.io\n - https://github.com/formio/formio.js\n - https://github.com/formio/formio\n - https://github.com/formio/react\n - https://github.com/formio/angular\n - https://github.com/formio/vue\n\n# React Native Formio\n\nA [React](http://facebook.github.io/react/) component for rendering out forms based on the [Form.io](https://www.form.io) platform.\n\n## Install\n\n### npm\n\n`React Formio` can be used on the server, or bundled for the client using an\nnpm-compatible packaging system such as [Browserify](http://browserify.org/) or\n[webpack](http://webpack.github.io/).\n\n```\nnpm install react-formio --save\n```\n\n### Browser bundle\n\nThe browser bundle exposes a global `Formio` variable and expects to find\na global `React` variable to work with.\n\nYou can find it in the [/dist directory](https://github.com/formio/react-formio/tree/master/dist/build).\n\n## Usage\n\nGive `Formio` a `src` property and render:\n\n** For es5 require() modules. **\n```javascript\nvar React = require('react');\nvar ReactDOM = require('react-dom');\nvar Formio = require('react-formio').Formio;\n```\n\n** For es6 import/export modules. **\n```javascript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport {Formio} from 'react-formio';\n```\n\n```javascript\nReactDOM.render(\n  \u003cFormio src=\"https://example.form.io/example\" /\u003e\n  , document.getElementById('example')\n);\n```\n\n## Props\n\n### `src` : `string`\n\nThe form API source from [form.io](https://www.form.io) or your custom formio server.\n\nSee the [Creating a form](http://help.form.io/userguide/#new-form)\nfor where to set the API Path for your form.\n\nYou can also pass in the submission url as the `src` and the form will render with the data populated from the submission.\n\n### `form` : `object`\n\nAn object representing the form. Use this instead of src for custom forms. \n\n**Note:** `src` will override this property if used.\n\n### `submission`: `Object`\n\nAn object representing the default data for the form.\n\n**Note:** `src` will override this if a submission url is entered.\n\n### `onChange` : `(submission: object, key: string, value: mixed)`\n\nA function callback that will be called when any field is changed. The full submission is passed as well as the field\nthat is changing's key and value.\n\n### `onFormSubmit` : `(submission: object)`\n\nA function callback that will be called when a submission is successful.\n\n### `onFormError` : `(response: object)`\n\nA function callback that will be called when a submisison is unsuccessful.\n\n### `onFormLoad` : `(form: object)`\n\nA function callback that will be called with a form is finished loading.\n\n### `onSubmissionLoad` : `(submission: object)`\n\nA function callback that will be called after a submission is loaded.\n\n### `onElementRender` : `(element: object)`\n\nA function callback that will be called each time a component is rendered.\n\n### `options : object`\n\nA settings object to pass various options into the form. skipInit will stop the form from initialling setting values\non the submission object which will result in data only changing when a user interacts with the form.\n\n```javascript\noptions={\n  skipInit: true\n}\n```\n\n## License\nReleased under the [MIT License](http://www.opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fformio%2Freact-native-formio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fformio%2Freact-native-formio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fformio%2Freact-native-formio/lists"}