TextField:使用 TextEditingController 监听文本字段变化

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以给文本字段创建一个控制器,控制器可以设置文本字段的初始值,可以监听文本字段的变化,得到它里面的值 .. 在这个 TextFieldDemoState 类里面,先创建一个文本编辑控制器 .. 名字是 textEditingController .. 它应该是一个 TextEditingController ...

然后找到 TextField ... 先注释掉之前创建的 onChanged ..

在里面添加一个 controller ... 对应的值应该就是刚才我们创建的 textEditingController ...

用完这个控制器要把它消化掉,不然会浪费资源 .. 在类里面添加一个 dispose ... 在这个方法里,用一下 textEditingController 上的 dispose 方法 ..

下面再添加一个 initState .. 初始数据 ..

里面可以设置一下 textEditingController 的 text .. 给它设置的值会作为文本字段的初始值 ..

直接访问 textEditingController 的 text 可以得到这个文本框的当前值 ..

再试一下监听文本框 .. 用一下 textEditingController 上的 addListener .. 给它设置一个监听器 .. 文本框的值有变化的时候就会执行这个监听器方法 ..

先简单的在调试控制台上输出点文字 .. input .. 再加上 textEditingController 的 text ...

打开调试控制台 ..

在文本框里输入点内容 .. 文本框的值有变化就会执行指定的监听器方法 .. 这里就是在调试控制台上输出发生变化的值 ..

TextField:使用 TextEditingController 监听文本字段变化《 Flutter 移动应用:表单 》

统计

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

社会化网络

关于

微信订阅号

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