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

示例代码:

 

 

 

示例效果:

 

 

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐