Flutter 基础篇（十）—— 表单

最新推荐文章于 2024-06-23 04:44:00 发布

很菜的前端

最新推荐文章于 2024-06-23 04:44:00 发布

阅读量569

点赞数

分类专栏： Flutter 基础篇

本文链接：https://blog.csdn.net/weixin_41030302/article/details/102579855

版权

本文介绍了Flutter中用于构建表单的组件，重点讲解了Form和FormField的使用。Form组件允许对输入框进行分组和数据校验，其状态类FormState提供了自动和手动校验功能。FormField是一个抽象类，用于维护输入框的属性，并提供了校验、保存和重置内容的方法。示例展示了如何创建包含用户名和密码的表单，其中用户名不能为空，密码长度需大于等于6位。

摘要由CSDN通过智能技术生成

简述

在 Flutter 中，提供了 Form 组件用于表示表单，它可以对输入框进行分组，然后统一进行一些操作，可以进行数据校验，输入框重置等等。

从定义来看，Form 继承自 StatefulWidget ，它对应的状态类为 FormState ，先来看定义：

Form({
  @required Widget child,
  bool autovalidate = false,
  WillPopCallback onWillPop,
  VoidCallback onChanged,
})

autovalidate —— 是否自动校验输入的内容，当为 true 时，每一个子 FormField （下面讲）内容发生变化时都会自动校验合法性，并直接显示错误信息。否则需要通过调用 FormState.validate() 来进行手动校验。
onWillPop —— 决定 Form 所在的路由是否可以直接返回。
onChanged —— Form 的任意一个子 FormField 内容发生变化时会触发该回调。