Flutter 动态表单实现

本文介绍了一个在 Flutter 项目中开发动态表单的案例。由于项目需要处理大量复杂的表单录入,作者调研了现有的 Flutter 表单框架,并发现系统自带的 Form 组件功能不足。由于没有找到满足需求的第三方库,作者决定自行开发,受 iOS 的 XLForm 启发,创建了一个名为 tform 的框架。tform 具备易用、可扩展和动态特性,支持内置组件如输入、单选、多选,以及自定义选择器、校验器和表单组件,还允许表单的统一校验和动态增删。
摘要由CSDN通过智能技术生成

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

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

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

于是自己简单写了一个。

GitHub:tform
Flutter Pub:tform</

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值