@sishuguojixuefu/react-native-form

私塾动态表单组件

Usage no npm install needed!

<script type="module">
  import sishuguojixuefuReactNativeForm from 'https://cdn.skypack.dev/@sishuguojixuefu/react-native-form';
</script>

README

@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 -