flutter 动态表单实现

最近公司开了个新项目 to B 的有大量表单录入页面,涉及100多个录入项,十几种不同类型,涉及嵌套,比如有一个婚姻状况录入项 两个选项 未婚 已婚,如果选择已婚,要显示出配偶相关的录入项(配偶姓名、配偶电话等),还有图片上传,业务相关的验证等录入。

由于新项目没有历史包袱,公司领导也喜欢新技术,所以这个项目我们尝试使用 flutter 开发。 由于表单涉及逻辑较多,依赖不同的服务也多,前后端逻辑也有重合,初步设想是移动端用 flutter 开发,后端加一层胶水层,由移动端同学使用 dart 的后端框架 aqueduct 进行数据编排,面向页面提供接口,这样涉及表单的逻辑、数据模型都可以复用。

刚接触 flutter 没多久,首先要做的就是调研一下目前 flutter 相关的表单框架,系统提供的 Form 组件满足不了需求,其他也没找到合适的表单框架,iOS 的 XLForm 表单框架非常符合需求,可惜只有 OC 和 Swift 版本,没有 flutter 版本。

于是自己简单写了一个。tform Github

  • 易用,可扩展,动态
  • 内置输入、单选、多选组件
  • 支持自定义选择器
  • 支持自定义校验器
  • 支持自定义表单组件
  • 表单支持统一校验
  • 表单支持动态增删

flutter 动态表单实现
flutter 动态表单实现
flutter 动态表单实现