android - 将 RefreshIndicator 与 FutureBuilder 一起使用(QuerySnapshot 问题)
问题描述
我试图在使用刷新指示器小部件的未来构建器上实现拉动刷新操作。我已经设法让它正确加载,但是当我尝试通过拉动刷新来刷新列表时,无法通过我当前面临的问题。
1.
late Future<QuerySnapshot> postsList;
- 初始化数据
void initState() {
super.initState();
postsList = loadPostsList();
}
- 从 firestore 函数加载数据
Future<QuerySnapshot> loadPostsList() async {
print('Refreshing Post List...');
keyRefresh.currentState?.show();
final QuerySnapshot data = await FirebaseFirestore.instance
.collection('Posts')
.orderBy('createdAt', descending: true)
.get();
return data;
}
- 现在这是我卡住的地方,我想添加
setState(() => this.postsList = data);
到 loadPostsList() 函数中,如下所示:
Future<QuerySnapshot> loadPostsList() async {
print('Refreshing Post List...');
keyRefresh.currentState?.show();
final QuerySnapshot data = await FirebaseFirestore.instance
.collection('Posts')
.orderBy('createdAt', descending: true)
.get();
// HERE
setState(() => this.postsList = data);
return data;
}
但收到此错误:
“QuerySnapshot<Object?>”类型的值不能分配给“Future<QuerySnapshot<Object?>>”类型的变量。
感谢任何帮助,因为我是 Flutter 的新手并且仍在学习:),下面是完整的代码:
final keyRefresh = GlobalKey<RefreshIndicatorState>();
late Future<QuerySnapshot> postsList;
@override
void initState() {
super.initState();
postsList = loadPostsList();
}
Future<QuerySnapshot> loadPostsList() async {
print('Refreshing Post List...');
keyRefresh.currentState?.show();
final QuerySnapshot data = await FirebaseFirestore.instance
.collection('Posts')
.orderBy('createdAt', descending: true)
.get();
return data;
}
FutureBuilder<QuerySnapshot>(
future: postsList,
builder: (context, snapshot) {
if (snapshot.hasData) {
final List<DocumentSnapshot> documents =snapshot.data!.docs;
return RefreshIndicator(
key: keyRefresh,
color: Colors.blue,
onRefresh: loadPostsList,
child: SingleChildScrollView(
physics: AlwaysScrollableScrollPhysics(),
child: Column(
children: documents.map((doc) => new PostCard(
author: doc['author'],
title: doc['title'],
description: doc['desc'],
),
).toList(),
),
);
} else if (snapshot.hasError) {
return Text('Error!');
} else {
return LoadingWidget();
}
},
),
解决方案
该错误是因为您定义data
为 typeQuerySnapshot
并试图将其分配给postsList
您定义为 typeFuture<QuerySnapshot>
的 。显然,它们是不同的类型,因此您不能将一种分配给另一种。
不要setState
从里面打电话loadPostsList
。使用类似的东西:
onRefresh: () async {
setState(() {
postsList = loadPostsList();
});
}
推荐阅读
- jenkins - 如果上次构建有任何剩余,请清理
- visual-studio - 在创建新的 Android 项目时,对象引用未设置为对象的实例
- firebase - 在哪里可以找到新的 Firebase Analytics BigQuery 导出方案示例数据?
- debian - 我收到“bash:气流:找不到命令”
- java - Java 插入排序中的错误
- python - Openpyxl xlsx 结果是附加而不是覆盖
- swift - UITextField rightView 图像和按钮?
- html - 没有填充的CSS边距不起作用
- html - 相邻元素实际上如何围绕浮动元素工作?CSS
- scala - 使用 in 子句批量更新