网站安全怎么做,2024舆情信息范例8篇,dedecms5.7 财经网站,北京电脑培训班零基础文章目录 1. 概念介绍2. 思路与方法2.1 实现思路2.2 实现方法 3. 示例代码4. 内容总结 我们在上一章回中介绍了如何把异步的CallBack转换成事件流相关的内容#xff0c;本章回中将介绍如何延时处理数据.闲话休提#xff0c;让我们一起Talk Flutter吧。 1. 概念介… 文章目录 1. 概念介绍2. 思路与方法2.1 实现思路2.2 实现方法 3. 示例代码4. 内容总结 我们在上一章回中介绍了如何把异步的CallBack转换成事件流相关的内容本章回中将介绍如何延时处理数据.闲话休提让我们一起Talk Flutter吧。 1. 概念介绍
我们在上一章回中介绍了回调函数相关的内容主要是把回调函数转换成了Stream.不过有时候回调函数响应速度太快页面还没有准备好。因此需要让回调函数响应慢 一些。如何让它变慢呢这便是本章回的内容延时处理数据。
2. 思路与方法
2.1 实现思路
我们的实现思路使用Future来实现延时任务然后在页面中使用FutureBuilder来监听任务的完成状态。我们在前面章回中介绍缓冲组件时也介绍过这个思路如果大 家忘记的话可以点击这里查看以前的博客。
2.2 实现方法
介绍完实现思路后我们来介绍实现方法详细的实现步骤如下
创建一个Future对象并且通过delay()方法启动延时功能到达指定的时间后开始处理数据这里相当于延长了回调函数处理数据的时间在页面中使用FutureBuilder监听数据的处理过程在页面中依据不同的数据处理过程显示不同的数据
3. 示例代码
///在future中加入延时以延长事件处理过程
FutureString delayFunc(int delayTime) {String result default;return Future.delayed(Duration(seconds: delayTime,), () {result time delay $delayTime s;return Future.value(result);},);
}///在页面中监听数据的处理状态
FutureBuilder(future: delayFunc(3),builder:(context,shotData) {String strState init Data;if(shotData.connectionState ConnectionState.waiting) {strState data is waiting;}else if(shotData.connectionState ConnectionState.none) {strState none data;}else if(shotData.connectionState ConnectionState.done) {strState data is: ${shotData.data.toString()};}else {strState unKnown data;}return Text(strState,style: const TextStyle(color: Colors.purpleAccent),);}),上面的示例代码中把Future封装成了一个独立的方法在该方法中通过延时操作来实现延时处理数据的功能。运行上面的程序时页面中显示 data is waiting等 待3秒后就会显示“data is:time delay 3 s”当然了这里的3秒是一个可以自定义的时间大家可以依据项目需求来确定它的值我们也考虑到了它的灵活性 因此把它封装成了函数的参数这样在调用函数时灵活传入自定义的时间值就可以。
4. 内容总结
最后我们对本章回的内容做一个全面的总结
在处理延时数据时可以通过Future来实现在页面中可以通过FutureBuilder来监听数据处理的进度在页面中可以依据不同的数据处理进度显示不同的内容 看官们与如何延时处理数据相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
