用户登录

如果想控制文本字段的保存,重置或者验证文本字段里的数据,我们可以使用一个 FormField 小部件,在它里面包装一个 TextField 小部件。或者可以直接使用 TextFormField 这个小部件。

在这个注册用户小部件里面,把这个用户字段小部件换成 TextFormField 小部件,这个小部件就相当于是一个 FormField 小部件里面包装了一个 TextField 小部件。再处理一下密码字段,同样使用一个 TextFormField 小部件。

然后再给这两个表单字段分别创建一个 Key,在小部件里面,新建一个 nameFieldKey,它的值可以新建一个 GlobalKey,类型是 FormFieldState。复制一份,再创建一个 GlobalKey,名字是 passwordFieldKey。

找到用户字段,在里面添加一个 key 属性,对应的值可以设置成刚才创建的 nameFieldKey。 然后找到密码字段,在里面也添加一个 key 属性,值是刚才创建的 passwordFieldKey。

这样使用这个 key 就可以获取到对应的字段的值。找到注册用户按钮的点按回调,在这个 onPressed 方法里面,输出到控制台上的东西这里可以修改一下,现在输出的是小部件里的 name 还有 password 这两个属性的值。

我们可以把这个 name 换成 nameFieldKey.currentState!.value ,把这个 password 换成 passwordFieldKey.currentState!.value,这个属性的值就是密码字段的值。

下面可以测试一下,在用户字段里输入点内容,然后在密码字段里再输入点内容,按一下注册用户这个按钮,在调试控制台上会输出用户字段还有密码字段里的数据。

文本表单字段:TextFormField《 Flutter 2:表单元素 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点