ECN>> react-native-form>> 返回
项目作者： sishuguojixuefu

项目描述 ：
私塾React Native动态表单项目
高级语言： TypeScript
项目地址: git://github.com/sishuguojixuefu/react-native-form.git
创建时间： 2019-05-28T02:55:14Z
项目社区：https://github.com/sishuguojixuefu/react-native-form
开源协议：MIT License
下载


@sishuguojixuefu/react-native-form

私塾动态表单项目

特性

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

安装

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

  1. $ 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.props.form} Function -
items 动态表单渲染的依据，结构需严格遵守 FormItemsPropsType FormOptionPropsType[] -
noBorder 是否显示 border boolean true
style 样式 object -