flutter之表单组件

本文详细介绍了Flutter中表单组件的使用,包括Form组件和TextFormField组件的属性及功能,如自动验证、值改变回调、表单字段初始值设置等,并提供了示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表单是一个包含表单元素的区域。表单元素允许用户输入内容,比如:文本域、下拉列表、单选框、复选框等。常见的应用场景有:登录、注册、输入信息等。表单里有两个重要的组件,一个是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>();

示例代码:

 

 

 

示例效果:

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值