React Native Form Runtime
Form runtime is a react container that let you to have dynamic forms based on design json schema.
# Prerequisites
You must have installed Expo And Native base in your application.
$ yarn add react-native-form-runtime
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)}
/>
Property
Type
Description
formDesign
Array of objects
Array holds number of fields in form
type
string
Action will be taken when click on submit
submit
function
Function will be called to submit your data to server for example.
Available Fields ( Type in form design array)
Field
Description
Text
simple text input
Number
simple number input
Checkbox
simple checkbox
Label
text field
Picker
picker . MUST have options property .