@sishuguojixuefu/react-native-form
Version:
44 lines (31 loc) • 1.56 kB
Markdown
# @sishuguojixuefu/react-native-form
> 私塾动态表单项目
## 特性
- 根据特定的领域模型，自动匹配 Form 表单组件，自动映射数据
- 基于 `rc-form` 实现自动表单校验
- 支持以 `children` 的形式扩展组件
## 安装
> 如果要使用内置的组件，请确保安装并配置了 @sishuguojixuefu/antd-mobile-rn
```sh
$ yarn add @sishuguojixuefu/react-native-form
```
## 内置组件
> 自定义内置组件的开发示例：http://t.cn/AijGYRMJ
- Input: 普通的输入框
- NumberInput: 数字输入框
- SsSelect: 选择器
- SsMultiSelect: 多选选择器
- SsDate: 日期选择器
- SsDateRange: 日期范围选择器
- SsDescription: 描述组件
- SsAmount: 金额输入组件
- SsRating: 星星评分组件
- Switch: 开关组件
> 一些特定业务组件无法内置，这种业务组件的开发请参考：http://t.cn/AijGjjVs
## 属性
| 属性 | 说明 | 类型 | 默认值 |
| -------- | ----------------------------------------------------- | ----------------------- | ------ |
| ref | `ref={ref => {this.form = ref}` | Function | - |
| items | 动态表单渲染的依据，结构需严格遵守 FormItemsPropsType | `FormOptionPropsType[]` | - |
| noBorder | 是否显示 border | boolean | true |
| style | 样式 | object | - |