美文网首页Flutter
Flutter 动态表单实现

Flutter 动态表单实现

作者: 一茶壶茶 | 来源:发表于2020-08-27 13:17 被阅读0次

    最近公司开了个新项目 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

    相关文章

      网友评论

        本文标题:Flutter 动态表单实现

        本文链接:https://www.haomeiwen.com/subject/oeecsktx.html