表单是一个包含表单元素的区域。表单元素允许用户输入内容,比如:文本域、下拉列表、单选框、复选框等。常见的应用场景有:登录、注册、输入信息等。表单里有两个重要的组件,一个是Form组件用来做整个表单提交使用的,另一个是TextFormFiled组件用来做用户输入的。
Form组件的属性
key:组件在整个Widget树中的key值
autovalidate:是否自动提交表单
child:组件child只能有一个子组件
onchanged:当FormFiled值改变时的回调函数
TextFormFiled组件的属性
autovalidate:自动验证值
initialValue:表单字段初始值,比如:输入收货地址时,默认回填本的的地址信息
onSaved:当Form表单调用保存方法Save时回调的函数
validator:Form表单验证器
为了获取表单是实例,我们需要设置一个全局类型的key,通过这个key的属性,来获取表单对象。需要使用GlobalKey来获取,代码如下:
GlobalKey<FormState> loginKey = new GlobalKey<FormState>();
示例代码:
示例效果: