react-json-schema-form themed for react-native
yarn add @rjsf/core rjsf-native
# This package also depends on `@react-native-community/slider`
yarn add @react-native-community/sliderimport ReactNativeForm from 'rjsf-native';
const App = () => {
const form = useRef(null);
return (
<ReactNativeForm
ref={form}
onError={e => {
console.log(e);
Alert.alert('Please check your form');
}}
schema={schema}
uiSchema={uiSchema}
onSubmit={form => console.log(form.formData)}>
<Button
title="Submit"
onPress={() => {
form.current?.submit();
}}
/>
</ReactNativeForm>
);
};We also provide a Context as a form of overriding defaults and theming
import ReactNativeForm, {defaultProps, FormContext} from 'rjsf-native';
const App = () => {
const form = useRef(null)
return (
<FormContext value={{...defaultProps, requiredTitle: '*'}}>
<ReactNativeForm .../>
</FormContext>
)
}{
theme: {
primaryColor: string; // Your main theme color. Used for e.g. buttons
highlightColor: string; // Used for focused inputs, checked checkboxes, slider...
borderColor: string; // Color of textinput borders
textColor: string;
placeholderTextColor: string;
errorColor: string;
[propName: string]: any;
};
requiredTitle: string;
arrayAddTitle: string;
radioLabelMapping?: (label: string) => string;
[propName: string]: any;
}- Run
npm startin root folder to run the dev server cd example && npm run androidto start the example app
 |
 |
|---|
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent