Flutter: FutureBuilder持续闪烁
Flutter是一种跨平台的移动应用开发框架，由Google开发和维护。它允许开发者使用单一代码库构建高性能、美观且流畅的移动应用程序，同时支持iOS和Android平台。
FutureBuilder是Flutter中的一个小部件，用于处理异步操作的结果并根据结果更新用户界面。它接收一个Future对象作为输入，并在Future对象完成时重新构建小部件树。FutureBuilder的主要作用是在异步操作期间显示加载指示器，并在操作完成后根据结果更新界面。
FutureBuilder的使用步骤如下：
- 创建一个Future对象，表示异步操作。
- 使用FutureBuilder小部件包裹需要根据异步操作结果更新的小部件。
- 在FutureBuilder的builder属性中定义一个回调函数，该函数接收BuildContext和AsyncSnapshot作为参数。
- 在回调函数中，根据AsyncSnapshot的状态（连接中、完成、错误等）返回相应的小部件。
FutureBuilder的优势包括：
- 简化异步操作的处理：FutureBuilder提供了一种简单而直观的方式来处理异步操作的结果，避免了手动管理异步操作的繁琐过程。
- 提供加载指示器：FutureBuilder可以在异步操作期间显示加载指示器，提高用户体验。
- 支持动态更新界面：一旦异步操作完成，FutureBuilder会根据结果自动更新界面，无需手动刷新。
FutureBuilder适用于以下场景：
- 异步数据加载：当需要从网络或数据库中获取数据时，可以使用FutureBuilder显示加载指示器，并在数据加载完成后更新界面。
- 异步图片加载：当需要从网络加载图片时，可以使用FutureBuilder显示加载指示器，并在图片加载完成后更新界面。
- 异步操作状态展示：当需要展示异步操作的不同状态（如连接中、完成、错误等）时，可以使用FutureBuilder根据不同状态显示相应的界面。
腾讯云提供了一系列与Flutter开发相关的产品和服务，包括：
- 云开发（https://cloud.tencent.com/product/tcb）：提供云端一体化开发平台，支持Flutter应用的后端开发和部署。
- 移动推送（https://cloud.tencent.com/product/tpns）：提供消息推送服务，可用于向Flutter应用发送通知和消息。
- 云存储（https://cloud.tencent.com/product/cos）：提供可扩展的对象存储服务，用于存储Flutter应用中的文件和数据。
- 云函数（https://cloud.tencent.com/product/scf）：提供无服务器的函数计算服务，可用于处理Flutter应用中的业务逻辑。
- 云数据库（https://cloud.tencent.com/product/tcb）：提供可扩展的NoSQL数据库服务，用于存储和查询Flutter应用中的数据。
以上是关于Flutter和FutureBuilder的简要介绍和相关腾讯云产品的推荐。如需了解更多详细信息，请访问腾讯云官方网站。
相关·内容
1回答
我正在使用GetMaterialApp，即GetX阶段管理。
home小部件是一个检查用户登录并相应显示屏幕的FutureBuilder。
在builder of FutureBuilder中，我添加了一个print语句，当我运行该应用程序时，它被打印了不止一次。
这可以吗，还是我需要做一些更改，使它只被调用一次？
这是FutureBuilder还是GetMaterialApp的行为？
下面是我的home小部件代码
home: FutureBuilder(
future: isUserLoggedIn(),
builder: (c, r) {
浏览 15提问于2022-06-08得票数 0
回答已采纳
我试图在ListView中使用ListView.builder在FutureBuilder中显示项目。我的future FutureBuilder函数如下所示：
_fetchListItems() async {
wait() async {
number = await db.getNumber(userId); }
await wait();
List rawFavouriteList = await db.getList(number);
setState((){
rawFavouriteList.forEach((item){
_fao
浏览 2提问于2019-06-20得票数 8
回答已采纳
我正在使用颤振插件，并且想知道缓存文件的缓存时间是多长时间？另外，如果有一种方法可以将缓存持续时间修改为x天？
我还想知道的是，这些文件是以原始文件格式缓存，还是被转换？例如*.HEIC -> *.JPEG
目前，我只是在缓存调用：CachedNetworkImage(imageUrl: snapshot.data))
或者看下面..。
...return FutureBuilder(
future: FireStorageService.downloadImageFromStorage(
c
浏览 0提问于2021-05-24得票数 3
回答已采纳
当我运行我的颤振应用程序时，这个错误突然出现，我真的不明白。
导致错误的小部件是: FutureBuilder:file:///home/chayut/flutter-quiz-app/lib/widgets/image/image_container.dart:292:12 。
这是否意味着我的错误是在第292行引起的，数字12是什么意思？
更新:这是完整的错误日志。我不知道是什么导致了这个错误。
══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═════════════════════════════════════════════════════
浏览 5提问于2022-06-28得票数 -1
入口点是_processError函数。我希望在那里得到一个widdet。这个_processError是从父FutureBuilder运行的。那么另一个未来的建造者应该被处死，至少我认为它应该...但似乎并没有从那里得到结果。它有什么问题？ FutureBuilder<List<ShortLetter>>(
future: fetchMessages(),
builder: (BuildContext context, AsyncSnapshot<List<ShortLetter>> snapshot) {
...
}
浏览 36提问于2021-09-24得票数 0
1回答
无法在颤动中创建下拉按钮
、、、、
我尝试在flutter中使用json中的下拉列表，但出现错误，我无法看到它： Widget _listaCiudades(){
//citiesProvider.getCities().then((value) => print(value));
return FutureBuilder(
future: citiesProvider.getCities(),
builder: (context, AsyncSnapshot <List<dynamic>> snapshot) {
//print(
浏览 9提问于2020-04-29得票数 1
3回答
我想做一个待办事项列表应用程序。我在我的项目中使用了Sqflite。
小部件
`
return FutureBuilder(
future: databaseTrans.getTables(),
builder: (context, snapshot) {
if (snapshot.data == null) {
return taskBookErrorWidget(context);
} else {
return GridView.count(
crossAxisCount: 3,
浏览 14提问于2022-12-01得票数 0
我有点困惑，因为我的未来建设者应该返回一个循环进度指示器，而它等待未来。它以前起过作用，但我一直在改变事情而没有提交，所以无法检查我已经改变了什么。
未来的建设者：
Container(
child: Row(
mainAxisSize: MainAxisSize.max,
children: <Widget>[
FutureBuilder(
future: BooruSelector(),
浏览 1提问于2020-03-12得票数 1
1回答
我在使用futureBuilder从火药库中获取数据时出错。当我在不调用文本小部件的情况下打印snapshot.data时，我会得到'User‘的一个实例。
不调用author.fullname
body: ListView.builder(
itemCount: _posts.length,
itemBuilder: (BuildContext context, int index) {
Post post = _posts[index];
return FutureBuilder(
future: DatabaseServic
浏览 4提问于2019-12-23得票数 0
1回答
颤振查询
、、、
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: Firebase.initializeApp(),
bui
浏览 11提问于2020-08-25得票数 0
回答已采纳
在Flutter中，我可以将FutureBuilder放在计时器中吗？有没有办法使用FutureBuilder自动刷新图形用户界面？或者任何其他可能的方式？
浏览 3提问于2021-03-09得票数 0
回答已采纳
1回答
我使用下面的FutureBuilder从Firebase数据库中获取“form”信息，但是未来说在我处理数据库中的所有数据之前就已经完成了：
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: _getUserSquads(),
builder: (ctx, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Cente
浏览 3提问于2020-05-04得票数 0
回答已采纳
我在flutter中使用Futurebuilder，在关闭showDialog时遇到问题
Widget build(BuildContext context) {
return Scaffold(
appBar: PreferredSize(
preferredSize: Size( 50.0),
body: FutureBuilder(
future: widget.getAutoCompleteData(),
builder: (context, snapshot) {
浏览 0提问于2021-03-30得票数 0
这是我的main.dart
class MyApp extends StatelessWidget {
var login = new Login("xxxxxxx", "xxxxxxxxx");
final scaffoldKey = new GlobalKey<ScaffoldState>();
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Fetch Data Example',
theme: Theme
浏览 0提问于2018-10-17得票数 4
回答已采纳
我是Flutter的新手。我想从API中获取一个数字，然后在Flutter中显示出来：
FutureBuilder(
future: http.get('http://match.palm.pink/v1/count'),
builder: (context, snapshot) {
if (snapshot.hasError)
return Text('Error: ${snapshot.error}');
else
浏览 11提问于2019-11-17得票数 0
回答已采纳
我正在尝试创建一个测试应用程序，当用户点击一张卡时，假设Python卡，用户将被重定向到python问题屏幕。
为此，我找到了用于执行此操作的“未来构建器”。
这里是类loadjson，在这里我使用了futurebuilder并传递一个json文件来获取与用户选择的卡片相关的问题。
class loadjson extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: FutureBuilder(
future: De
浏览 6提问于2021-04-27得票数 1
回答已采纳
我有一个ListView，有两个孩子FutureBuilder和ListView.Builder。在FutureBuilder中，我有ListView。现在的问题是，当我滚动ListView parent时，为什么FutureBuilder又被重建了？
您可以在这里的中看到我是如何再现这个问题的
import 'package:flutter/material.dart';
class DebugScreen extends StatefulWidget {
@override
_DebugScreenState createState() => _DebugS
浏览 0提问于2019-04-27得票数 1
有没有办法知道什么时候所有的小部件都是用Flutter构建的，包括FutureBuilder小部件。构建完成后，但在构建FutureBuilder之前，将调用WidgetsBinding.instance.addPostFrameCallback。
我在一个FutureBuilder中有一个列表，它的数据是从服务器获取的。在FutureBuilder之外还有另一个文本小部件，它显示列表项的数量。当使用流填充列表时，我需要更新此count小部件。构建FutureBuilder时，是否存在触发的回调方法。
浏览 41提问于2020-03-06得票数 4
我正在学习最新的教程(2月- )，在编写与作者相同的代码时，我得到了以下例外：
======== Exception caught by widgets library =======================================================
The following FirebaseException was thrown building FutureBuilder<FirebaseApp>(dirty, state: _FutureBuilderState<FirebaseApp>#881ee):
[core/no-app]
浏览 8提问于2022-07-23得票数 0
回答已采纳
我有一个返回数据列表的api。当我检索数据时，我使用FutureBuilder来显示数据列表。但是由于某些原因，它不会显示我的数据，即使当我打印响应时，我可以看到我得到了正确的响应。 这是我得到的错误： ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter (11846): The following assertion was thrown building FutureBuilder<List<BasicDis
浏览 13提问于2019-05-18得票数 0
回答已采纳
我的未来构建器在屏幕上给出了几秒钟的错误，然后显示了结果，这里是错误日志：
The following NoSuchMethodError was thrown building FutureBuilder<DocumentSnapshot>(dirty, state: _FutureBuilderState<DocumentSnapshot>#fd0c5):
The method '[]' was called on null.
Receiver: null
Tried calling: []("title")
The relevan
浏览 2提问于2020-01-08得票数 3
回答已采纳
1回答
在Future返回数据后，我正在尝试使用提供者修改数据。
class FirstPart extends StatelessWidget {
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: getAll(),
initialData: Text('Loading Bro'),
builder: (context, snapshot) {
if (snapshot.hasError)
re
浏览 1提问于2019-09-18得票数 0
1回答
我正在尝试从这个链接中获取帖子：
在构建FutureBuilder时，我会得到一个错误。我不知道我到底做错了什么。可能在序列化中有错误，或者我以某种方式将数据错误地放入文本中。
JSON序列化如下所示：
@JsonSerializable()
class PostsList {
List<PostData> children;
PostsList({required this.children});
factory PostsList.fromJson(Map<String, dynamic> json) =>
_$PostsListFr
浏览 2提问于2022-09-30得票数 -1
1回答
编辑:问题完全解决了，正如我在这个新问题主题中想要的：
老问题：
这是我的启动屏幕，我想创建条件导航，但据我所知，FutureBuilder没有导航的逻辑。
这是我的引导屏幕构建方法：
@override
Widget build(BuildContext context) {
return Material(
child: ScopedModelDescendant<MainModel>(
builder: (BuildContext context, Widget child, MainModel model) {
return Fut
浏览 0提问于2019-02-14得票数 5
回答已采纳
我尝试在flutter中创建一个列表，从每个cell的firestore异步加载数据： Future getUserDetails(String userID) async {
DatabaseService databaseService =
DatabaseService(currentUserId: _currentUserID);
return databaseService.getUserDetails(userID: userID);
}
Future sampleText() async {
return Future.delaye
浏览 13提问于2020-07-03得票数 0
回答已采纳
1回答
我已经建立了一个立方体化列表。现在，我包含了一个复选框，如果要选中或未选中，将引发以下错误：'setState()在构造函数中调用‘
class Lists extends StatefulWidget{
@override
_List createState() => _List();
}
class _List extends State<Lists> {
bool checkedvalue = true;
@override
Widget build(BuildContext context) {
return futur
浏览 1提问于2019-06-28得票数 4
回答已采纳
我得到了一个简单的构建函数，它应该在snapshot出错时显示一个对话框，但是如果没有得到以下错误，我就无法这样做：
flutter:下面的断言是在构建FutureBuilder时抛出的(脏的，依赖项:FutureBuilder：[_LocalizationsScope-GlobalKey#f4f3f，_InheritedTheme]，state: flutter：_FutureBuilderState#175f8)：flutter: setState()或markNeedsBuild()。flutter:不能将此覆盖小部件标记为需要构建，因为框架已经处于构建小部件的过程中。一个小部件可以标
浏览 1提问于2019-12-19得票数 0
1回答
Dart码sliders_view.dart
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:firebase_database/firebase_database.dart';
class Element {
Element(this.rawName);
final String rawName;
double _rating = 40;
// getters
double
浏览 2提问于2020-07-23得票数 1
回答已采纳
我正在尝试使用flutter的FutureBuilder，并将http.get()作为未来的参数，如下所示： child: FutureBuilder(
future: http.get(
Uri.http('192.168.31.144:8000', 'api/v1/login')),
builder: (context, snapshot) {
if (snapshot.connectionState ==
ConnectionState.done) {
if (snapshot.hasError)
浏览 18提问于2021-04-20得票数 0
enter image description here在此处输入镜像描述未来_getName() async{ return await Firestore.instance.collection("admin_details").document(_username).get()；} FutureBuilder<DocumentSnapshot>(
future: _getName(),
builder: (context,snapshot) {
i
浏览 53提问于2020-03-22得票数 0
回答已采纳
当我运行应用程序时。我收到一条消息"Null check operator used on a null value“。
这是我收到的错误消息。
======== Exception caught by widgets library =======================================================
The following _CastError was thrown building FutureBuilder<List<SocialCommentModel>>(dirty, state: _FutureBuil
浏览 33提问于2021-05-19得票数 0
回答已采纳
我知道已经有一个类似的问题，但我不能从它的答案中真正解决我的问题。所以我有一个FutureBuilder，它在加载数据时不会更新，但我不知道为什么。据我所知，在2秒的延迟后，Widget应该被重新构建(“数据到达”应该被打印出来)。为什么这种情况没有发生呢？ import 'package:flutter/material.dart';
class NewQRPage extends StatefulWidget {
@override
_NewQRPageState createState() => _NewQRPageState();
}
class
浏览 18提问于2020-09-04得票数 1
回答已采纳
我昨天更新了云火药库。而且，我感到惊讶的是，关于火药库的一切都错了。我试图更新我的代码，但我仍然收到了一个错误的未来建设者。这是代码和错误。在更新之前，代码是正常的。
Future getposts() async{
await Firebase.initializeApp();
var firestore = FirebaseFirestore.instance;
QuerySnapshot qn = await firestore.collection("Restaurants").get();
return qn.docs;}
FutureBuilder
浏览 4提问于2020-08-25得票数 0
回答已采纳
我是一个初学者颤振，目前，我有一个问题，正确地实现FutureBuilder在颤振。我试图构建一个用户页面，其中我的用户信息存储在Firebase中，每次访问用户页面时，它都会检索当前的用户数据，并在页面上显示数据。下面是我为实现编写的代码：
class UserPage extends StatefulWidget{
@override
UserPageState createState() => UserPageState();
}
class UserPageState extends State<UserPage>{
String userName;
浏览 0提问于2020-06-18得票数 0
回答已采纳
? 我可以从这两个方面得到这个结果(来自Firebase Realtime Database的数据结构和下面的代码)。 ? import 'package:firebase_database/firebase_database.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
cla
浏览 9提问于2020-08-25得票数 0
回答已采纳
我在我的assets文件夹中保存了一个json文件，我只想在我的Listview.Builder中显示json文件，但这里的问题是在应用程序初始化之前，我在控制台而不是移动屏幕上收到以下错误。 The following NoSuchMethodError was thrown building FutureBuilder<String>(dirty, state:
I/flutter (11766): _FutureBuilderState<String>#ef73b):
I/flutter (11766): The getter 'length'
浏览 36提问于2020-12-15得票数 0
在Futurebuilder之后，我尝试使用包括逻辑在内的方法。但我必须将快照保存在构建器中，并在逻辑中使用它。我看过这个参考
它说，“应该在触发未来的地方添加逻辑(例如，您的initState)，使用常规的未来逻辑(.then，等待，或者您想使用的任何东西)。”
但我不习惯与未来建设者，initState，等待或那时。
我考虑过使用addPostFrameCallback。但是不知道在哪里使用它&里面应该是什么。
有人能告诉我更多的细节或推荐参考吗？？
非常感谢。
未来建设者中的
recipeList() {
return FutureBuilder<Recipes>
浏览 8提问于2022-04-30得票数 0
回答已采纳
2回答
我尝试了很多，但不能修复，以下我正在尝试我的json响应
{
"data": [
{
"id": 1,
"team_one_id": 1,
"team_two_id": 2,
"match_date": "04 Mar 2021",
"is_started": 0,
"match_between": &
浏览 17提问于2021-03-06得票数 1
2回答
我试图生成一个颤栗列表，它延迟了每一个项目后的一些延迟。我试过使用FutureBuilder和AnimatedList，但是我没有得到它。
import 'dart:async';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main(){
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(Bui
浏览 0提问于2018-07-02得票数 5
回答已采纳
我一直在尝试用Flutter编写这个应用程序，我想做一个下拉Button，它显示了用Django生成的API从JSON响应中接收到的值。
JSON响应如下，
[{"name": "FC1", "username": "admin"}, {"name": "FC2", "username": "admin"}]
这是使用的对象类，
class FoodCourt {
final String name;
FoodCourt(this.name);
}
这是获取数
浏览 0提问于2019-06-29得票数 3
回答已采纳
当我在如下所示的上下文中呈现一个银色列表时，我希望在flutter中呈现SearchDelegate的结果列表： @override
Widget buildResults(BuildContext context) {
var channelRequest = new ChannelRequest();
channelRequest.name = query;
channelRequest.pageNum = 1;
channelRequest.pageSize = 10;
return FutureBuilder(
futur
浏览 88提问于2021-02-06得票数 1
回答已采纳
我使用API调用获取数据并在ListView中显示。
下面是未来的构建器类：
Widget futureBuilder() {
return FutureBuilder<List<Project>>(
future: _getProjects(),
builder: (context, snapshot) {
debugPrint('Builder');
switch (snapshot.connectionState) {
case ConnectionState.no
浏览 0提问于2019-05-22得票数 2
我正在尝试使用flutter创建一个带有单选按钮的表单，但它不起作用。我在下面展示了一个最小的代码。
当我使用FutureBuilder提供groupValue时，除了已经选中的default之外，我无法选择其他单选按钮。这可能是因为setState每次都在运行FutureBuilder。有没有办法绕过这个问题？
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
const appName = 'Radio Example';
vo
浏览 7提问于2020-02-14得票数 1
1回答
#我已经处理这个问题很长时间了。我正在尝试解析JSON并将其转换为list视图。我正在获取响应体，并且它也被转换为list，但是它向未来的构建器发送null，我得到了以下错误：#
小部件库=======================================================捕获的异常以下_TypeError引发构建FutureBuilder(脏，状态：_FutureBuilderState#a289a)：类型'Null‘不是'List’类型的子类型
The relevant error-causing widget was:
FutureBuild
浏览 2提问于2021-06-25得票数 2
回答已采纳
1回答
fifth.dart
import 'package:flutter/material.dart';
import 'package:emas_app/Dependant.dart' as Dep;
import 'package:emas_app/crm_dependent_list_model.dart';
import 'dart:convert';
import 'dart:async';
import 'package:http/http.dart' as http;
import
浏览 0提问于2018-08-23得票数 1
我有一个未来，它从我的Cloud Firestore数据库中获取一个值，并在我的应用程序主体中显示一个图标。如果数据库中的值发生更改，则图标也会更新。我一直在使用setState重建我的窗口小部件树，这很好用-应用程序几乎可以立即对我的Cloud Firestore数据库中的更改做出反应。这太棒了！代码：
Future<void> takenSurvey2() async {
final sn = await Firestore.instance
.collection('Controller')
.document('Current Sur
浏览 29提问于2020-06-05得票数 2
1回答
我想使用设备ID并传递给FutureBuilder()来执行一些操作。有人能解释一下或提供一些代码来说明这一点吗？ 我试过使用device_id flutter插件，但没有成功。 我已经检查过device_info，但不确定如何在FutureBuilder中正确使用它。
浏览 10提问于2019-05-03得票数 5
回答已采纳
我想要以表格的格式显示数据，我试图以数据表的格式显示rest api数据，但得到了错误：。
在生成FutureBuilder时引发以下列表(脏，状态：_FutureBuilderState#828b1)：类型'List‘不是类型'List’的子类型相关的导致错误的小部件是:FutureBuilder _MyAppState.build引发异常时，这是堆栈：#0 _MyAppState.build。
(package:flutter_app_network_call/main.dart:68:14) #1 (package:flutter/src/widgets/async.da
浏览 2提问于2021-09-15得票数 0
我的目标是在单击ExpansionTile时加载一次Future并存储值，这样当Tile关闭然后重新打开时，Future就不会再次加载。
我当前代码的问题是这个错误：
I/flutter (30528): The following assertion was thrown building FutureBuilder<Trim>(dirty, state:
I/flutter (30528): _FutureBuilderState<Trim>#90a6d):
I/flutter (30528): setState() or markNeedsBuild() call
浏览 0提问于2021-02-18得票数 0
我正在通过一个应用程序接口调用填充我的列表，并将数据发送到未来的builder..it正在从应用程序接口调用中正确地检索数据并返回它，但应用程序在构建future Builder时崩溃并给出错误： 我的代码： createNewTaskView(BuildContext context, List<String> societies){
return Container(
DropdownButtonHideUnderline(
child: DropdownButton<
浏览 12提问于2019-06-14得票数 0
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
