当前位置: 首页 > news >正文

举例说明网络营销的概念小红书seo排名帝搜软件

举例说明网络营销的概念,小红书seo排名帝搜软件,腾讯云服务器租用费用,舟山网站建设优化文章目录 1. 概念介绍2 使用方法3 代码与效果3.1 示例代码3.2 运行效果 4. 经验分享 我们在上一章回中介绍了Form Widget相关的内容,本章回中将介绍Form系列组件的验证与提交功能.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 我们在这里说的的验…

文章目录

  • 1. 概念介绍
  • 2 使用方法
  • 3 代码与效果
    • 3.1 示例代码
    • 3.2 运行效果
  • 4. 经验分享

我们在上一章回中介绍了Form Widget相关的内容,本章回中将介绍Form系列组件的验证与提交功能.闲话休提,让我们一起Talk Flutter吧。

1. 概念介绍

我们在这里说的的验证功能与提交功能是指对Form组件中的内容进行验证和提交,它不像TextField一样对单个组件进行验证同,而是对Form组件中的所有组件进行统
一的验证与提交。这也是我们使用Form组件最大的优点。

2 使用方法

整体的思路:先在Form的子组件中实现验证方法和数据保存方法,也就是给子组件(通常是TextFormField组件)的validator和onSaved属性赋值;然后统一进行
验证数据的合法性并且对数据进行保存,这个操作由FormState对象方来完成。
FormState是Form的State类,主要用来对Form中的所有FormField进行统一操作,比如保存数据的操作。我们可以通过Form.of()或者GlobalKey获取该类型
的对象。该类型提供了相关的方法对数据进行统一操作,下面是这些方法的详细内容:

  • validate()方法:主要用来验证数据的合法性;
  • save()方法:主要用来保存数据;
  • reset()方法:主要用来重置数据;

3 代码与效果

3.1 示例代码

final formKey = GlobalKey<FormState>();
AutovalidateMode _autoValidate = AutovalidateMode.disabled;
String? _name = "Default Name";
String? _pwd = "Default Pwd";//验证和提交和方法,虽然只验证和提交一次,但是它会回调Form中所有子组件的验证和提交方法。
//相当于一次对所有的输入内容进行了验证和提交。
void loginWithForm() {//合法性验证成功则保存数据,否则打开自动验证功能,这样在用户输入后会自动关闭错误提示,这种体验比较好if (formKey.currentState!.validate()) {// _autoValidate = AutovalidateMode.disabled;//它会回调TextFormFiled中的onSave方法formKey.currentState?.save();} else {setState(() {_autoValidate = AutovalidateMode.always;});}//它会回调validator对应的回方法,成功返回true,错误返回错误信息(在验证方法中),显示在helperText位置// formKey.currentState?.validate();debugPrint("login clicked");
}

上面的代码中我们主要演示了如何获取FormState对象,并且通过该对象来调用数据验证和保存方法。此外,该对象需要赋值给Form组件的key属性才有效果。详细内容
可以参考上一章回中的示例代码,Form子组件中的数据验证和保存方法也在上一章回的示例代码中。FormState对象不会自动去验证和保存数据,我们把该对象的操作封
装成一个方法,也就是代码中的loginWithForm()方法,然后把该方法赋值给Button的onPress属性,最后把Button组件和Form组件放到同一页面上,点击Button
时就会调用loginWithForm()方法去验证和保存Form组件中的数据,下面是Button的示例代码:

Container(width: double.infinity,height: 56.0,child: ElevatedButton(onPressed: () => loginWithForm(),child: Text("Login"),),
),

3.2 运行效果

下面是程序的运行效果图,请大家参考:

在这里插入图片描述

4. 经验分享

下面分享一些我在验证数据合法性方法的经验:在Form组件的子组件TextFormField中不要打开自动验证功能(默认关闭),当验证错误时再打开自动验证功能,示例代
码可以参考上一小节中loginWithForm()方法内SetState相关的代码。这样做的好处有以下几点:- 只有主动点击按钮时才会验证数据的合法性; - 如果打开自动验
证会显示helpText中的内容,会让人以为是错误了; - 在验证出错后再开启自动验证,输入正确后就会让helpText中的错误内容消失,因为Form中包含多个子组件,
一个子组件的错误提示内容消失后不会影响其它子组件;下面是验证合法性的示例代码,请大家参考:

//返回有内容时会显示在help位置,而且边框颜色变成红色,返回为Null时不会显示出来
String? _validateName(String? n) {if (n!.isEmpty)return "name is empty";elsereturn null;
}

我们把验证数据合法性的代码封装成了一个方法,把该方法赋值给TextFormField组件的validator属性后就可以使用了。上面的代码只验证了输入内容是否为空,大
家可以依据项目的需求来做其它的验证,比如输入内容是否为邮件格式等。注意:只有验证不合法时才返回文字内容,验证合法时返回空对象,因为这里返回的文字内容会
显示在TextFormField组件的helpText位置。关于经验分享中的内容,我建议大家自己动手实践,因为这部分内容是动态的,需要实际操作才能体会到它的好处,
此外,大家可以调整错误提示文字的颜色,以及TextFormField组件获取焦点后的颜色,我把这样内容添加到了代码的注释中,大家可以参考注释进行调整。
看官们,关于"Form系列组件的验证与提交功能"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!

http://www.hrbkazy.com/news/22345.html

相关文章:

  • 网站建设商务的术语怎么注册网站平台
  • 网页设计实验报告的结果分析怎么写网站外链的优化方法
  • 企业组织架构武汉seo搜索优化
  • 微网站开发语言产品推广方案ppt模板
  • ps里新建网站尺寸怎么做百度seo快速排名优化
  • 东莞营销商城网站建设网站seo平台
  • 郑州网站建设汉狮关键词优化快速排名
  • 北京海淀中关村找工作网站培训方案模板
  • tomcat wordpress快速排名优化系统
  • 做网站的zk啥网站代运营多少钱一个月
  • 网站实名认证必须做么巩义关键词优化推广
  • 人才网站建设方案少儿培训
  • 长沙公司制作网站费用多少爱站网 关键词挖掘
  • 广州网站建设培训班营销策略4p分析怎么写
  • 伊利牛奶的网站建设策划书今日百度关键词排名
  • 设计杂志官网阳东网站seo
  • 企业门户网站开发背景seo软件安卓版
  • 可以免费下源码的网站搜索关键词查询
  • 什么网站空间好搜索引擎网页
  • 服装销售网站设计与制作百度广告竞价
  • 北京做网站公司排名安卓优化大师破解版
  • 宁波网站建设服务成功的营销案例及分析
  • 荣添网站建设优化域名
  • 创意设计素材单页网站seo优化
  • 强的网站建设网站设计费用
  • 东莞公司制作网站网络广告的形式
  • 山海关网站制作如何让百度收录自己的网站
  • 内容导购网站模板网站优化策略
  • 网站制作图片滚动公司域名注册步骤
  • 网站开发需求分析中性能需求分析广州网站推广排名