@sishuguojixuefu/react-native-form

私塾动态表单项目

特性

• 根据特定的领域模型，自动匹配 Form 表单组件，自动映射数据
• 基于 rc-form 实现自动表单校验
• 支持以 children 的形式扩展组件

安装

如果要使用内置的组件，请确保安装并配置了 @sishuguojixuefu/antd-mobile-rn、react-native-image-crop-picker、react-native-image-zoom-viewer

$ yarn add @sishuguojixuefu/react-native-form

内置组件

自定义内置组件的开发示例：http://t.cn/AijGYRMJ

• Input: 普通的输入框
• NumberInput: 数字输入框
• SsSelect: 选择器
• SsMultiSelect: 多选选择器
• SsDate: 日期选择器
• SsDateRange: 日期范围选择器
• SsImagePicker: 图片选择组件
• SsDescription: 描述组件
• SsAmount: 金额输入组件
• SsRating: 星星评分组件
• Switch: 开关组件

一些特定业务组件无法内置，这种业务组件的开发请参考：http://t.cn/AijGjjVs

属性

| 属性 | 说明 | 类型 | 默认值 | | -------- | ----------------------------------------------------- | ----------------------- | ------ | | ref | ref={ref => {this.form = ref} | Function | - | | items | 动态表单渲染的依据，结构需严格遵守 FormItemsPropsType | FormOptionPropsType[] | - | | noBorder | 是否显示 border | boolean | true | | style | 样式 | object | - |