Flutter 组件之 FutureBuilder

最新推荐文章于 2023-05-25 08:43:31 发布
VIP文章 最新推荐文章于 2023-05-25 08:43:31 发布
阅读量125 收藏
点赞数
分类专栏： Flutter 组件 文章标签： flutter 前端 android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tools_are/article/details/128999786
版权

Flutter 组件之 FutureBuilder

1.简介

是一个将异步操作和异步UI更新结合在一起的类，通过它我们可以将网络请求，数据库读取等的结果更新到用户页面上。

2.属性

  • future：获取用户异步处理获得数据的代码
  • initialData：初始化数据
  • builder：构建组件

3.使用

在这里插入图片描述

第二种判断方法
Future执行到那个阶段了：
ConnectionState.none 没有连接到任何异步任务
ConnectionState.active 已连接到异步任务等待被交互
ConnectionState.waiting 已连接到一个已激活的异步任务
ConnectionState.done 已连接到一个已结束的异步任务

// 当请求还在执行时 显示等待动画
if(snapshot.connectionState
最低0.47元/天 解锁文章
Tools_are
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter通过FutureBuilder实现异步请求网络数据并显示加载中Demo
04-11
Flutter通过FutureBuilder实现异步请求网络数据并显示加载中Demo，详情请看博客Flutter中的异步（Future、async、await、FutureBuilder）和 网络请求：https://yuzhiqiang.blog.csdn.net/article/details/89155870
Flutter FutureBuilder
最新发布
油焖茄子 的博客
07-07 942
是 Flutter 中用于构建基于Future返回的最新计算快照(Snapshot)的Widget。使用可以非常方便地根据异步计算的结果来创建 UI。
Flutter之FutureBuilder
AdrianAndroid的专栏
02-08 899
资料 github [email protected]:AdrianAndroid/flutter_project.git 分支 : learn-futurebuilder 步骤 在widget中创建FutureBuilder小组件 Center( child : FutureBuilder<String> ( future : Future<String>, // 将要运行的Future<String>, 范型是一样的 initialData : 'App Name
Flutter Widgets 之 FutureBuilder
老孟Flutter
02-22 1562
注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0 展示异步任务状态 当有一个Future（异步）任务需要展示给用户时，可以使用FutureBuilder控件来完成，比如向服务器发送数据成功时显示成功提示： var _future = Future.delayed(Duration(seconds:...
Flutter组件化开发方案
01-27
这样可以有效的将Flutter和Native进行物理隔离，但随着Flutter承载的业务越来越多，与Native交互的接口变的越来越多，带来了很多管理问题，因此我们迫切需要采用新的开发模式，本文将介绍Flutter的组件化开发方案。...
Flutter-组件框架之旅
01-27
Flutter组件使用现代的响应式框架(react-styleframework)建立，灵感来源React。核心思想，通过组件(widget)构建UI。通过给组件(Widgets)设置它们当前的配置(configuration )和状态(state)来描述它们(Widgets)的长相...
Flutter组件学习—Image
02-24
之前，我们讲了Flutter中Text组件的一些用法以及API，本节我们继续学习Flutter中的Image组件，同样先上图：在Android中，我们都知道，图片的显示方式有很多，资源图片、网络图片、文件图片等等，在Flutter中也有多种...
Flutter布局组件之Align
01-20
flutter通过Stack和Positioned，可以指定一个或多个子元素相对于父元素各个边的精确偏移，并且可以重叠。但如果我们只想简单的调整一个子元素在父元素中的位置的话，使用Align组件会更简单一些。 1.Align Align 组件...
《Flutter 控件大全》第四十九个：FutureBuilder
老孟Flutter
04-04 353
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。 同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。 Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。 展示异步任务状态 当有一个Future（异步）任务需要展示给用户时，可以使用FutureBu...
【Flutter】Future 与 FutureBuilder 异步编程代码示例.zip
08-26
【Flutter】Future 与 FutureBuilder 异步编程代码示例 ( FutureBuilder 构造函数设置 | 处理 Flutter 中文乱码 | 完整代码示例 ) https://hanshuliang.blog.csdn.net/article/details/119924412 博客源码快照
Flutter踩坑小总结01----FutureBuilder
棉花没有糖的博客
11-13 1191
Flutter踩坑小总结01关于组件FutureBuilderFutureBuilder的使用方法功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchar...
【Flutter】FutureBuilder 异步编程 ( FutureBuilder 构造方法 | AsyncSnapshot 异步计算 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
08-26 2719
一、FutureBuilder 简介、 二、FutureBuilder 构造方法、 三、AsyncSnapshot 异步计算、 四、相关资源、
Flutter之FutureBuilder组件的使用
一花一世界 一叶一菩提
09-02 737
import 'dart:convert'; import "package:http/http.dart" as http; import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatefulWidget { @override State&...
Flutter的异步UI初始化FutureBuilder
江上清风山间明月的博客
05-25 1293
Key?key,T?String?key：用于标识Widget的Key。future：一个Future对象，表示异步操作。initialData：异步操作完成前的初始数据，如果不提供则为null。builder：一个AsyncWidgetBuilder回调函数，用于构建UI，根据异步操作的状态来返回不同的Widget。semanticLabel：用于辅助无障碍访问的标签。
Flutter开发(二十一)：Flutter中Future与FutureBuilder
wuqingsen1的博客
11-03 1257
Future与FutureBuilder
Flutter: FutureBuilder获取异步数据
weixin_34248258的博客
05-22 795
和WEB前端的Apollo差不多 import 'package:flutter/material.dart'; void main() => runApp(Myapp()); class Myapp extends StatelessWidget { @override Widget build(BuildContext context) { return Mate...
flutter FutureBuilder的使用以及防止FutureBuilder不必要重绘的两种方法
热门推荐
卓原的进化之旅
10-11 5万+
前言： 我们经常有这样的一个开发场景：一个页面进入之后先进行网络请求，此时显示一个圆圈(等待动画)，等网络数据返回时显示一个展示网络数据的布局。例如下图： 我们通常的做法是 if(data==null){ return CircularProgressIndicator(); }else{ return ListView(...); } 大致就是数据返回之前我们加载一个组件，等数据返回值后...
Flutter: FutureBuilder 组件的使用
学习笔记
08-30 960
使用 FutureBuilder 组件简化代码
flutter futurebuilder
04-10
Flutter中的FutureBuilder是一个widget，用于在异步操作完成后构建UI。它需要传入一个Future对象，并根据Future的状态来构建UI。如果Future成功返回数据，它将在builder函数中构建widget来显示结果。如果Future在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值