Flutter 动态表单实现

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

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

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

于是自己简单写了一个。

GitHub：tform
Flutter Pub：tform

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

demo.gif

carbon_rows.png

carbon_page.png