扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
否。
创新互联公司是一家从事企业网站建设、成都网站制作、网站建设、行业门户网站建设、网页设计制作的专业网站制作公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点1000+。
1、Flutter判断是谷歌的移动UI框架。
2、可以快速在iOS和Android上构建高质量的原生用户界面。
3、Flutter表单判断可以与现有的代码一起工作，是不需要进行修改的。
TextFormField继承自FormField，是flutter表单提交相关组件，类似于html中的 input type="text" / ，是个文本输入框。需要在 Form 组件内部使用，否则无法正确提交数据。
未完待续
flutter提供一套表单校验框架Form，可以通过Form框架一步校验所有表单，非常方便，比较常用的用法是Form+TextFormField。
Form继承StatefulWidget，有一个widget 类型的child参数，证明Form是一个容器。
Form里还有一个validate方法，如下
一般通过GlobalKey来访问Form中validate方法，Form的validate方法用来校验所有Form里的FormField表单，validate方法返回值是bool类型，返回true表示所有表单校验成功；返回false表示有校验失败的表单；
TextFormField继承FormField，FormField后面源码分析会讲，所有Form可统一校验的表单都必须继承FormField，可以通过FormField自定义各种各样可校验表单，TextFormField只是FormField自定义表单中的一种。
表单校验必须实现的方法为validator，定义如下：
每个表单的校验规则都在validator里实现，通过返回值来判断是否校验成功。
1、用Form包在所有需要校验的表单最外层，如下：
2、将GlobalKey传给Form，用于调用Form里方法，如下：
3、将TextFormField传给Form容器，如下：
4、实现对应TextFormField的校验规则 ，如下：
5、最后调用Form校验所有表单方法validate，如下：
参照
【Flutter】表单 - Input
首先创建一个密码框
设置右侧的小眼睛图标并绑定事件
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网