在FutureBuilder中,snapshot.ConnectionState始终处于等待状态,但将来的功能已成功完成。在不同的页面中,相同的代码块有效,并且ConnectionState从等待状态转变为完成状态。
future 的功能:
Future getDoctors() async {
var res = await http.get(globals.domain + "users/docs/");
var resBody = json.decode(utf8.decode(res.bodyBytes));
print(res.statusCode);
if (res.statusCode == 200) {
if (mounted) {
setState(() {
doctors = resBody;
});
}
}
}
FutureBuilder :
FutureBuilder(
future: getDoctors(),
builder: (BuildContext context, snapshot) {
print(snapshot);
}
)
实际结果:
AsyncSnapshot<dynamic>(ConnectionState.waiting, null, null)
预期结果:过渡到AsyncSnapshot<dynamic>(ConnectionState.done, null, null)
编辑1:
在调试过程中注意到 future 的函数getDoctors()会定期调用,我想这就是快照始终在等待的原因
最佳答案
调用setState
将导致重新构建小部件树。因此,当重建FutureBuilder
时,再次调用getDoctors()
函数,导致无限循环(getDoctors()
-> setState()
-> rebuild-> getDoctors()
...)
解决方案是从setState
方法中删除getDoctors
或在getDoctors()
方法中调用一次initState()
,存储Future
并将其传递给FutureBuilder
,从而确保仅完成一次。
Future _doctorsFuture;
initState() {
...
_doctorsFuture = getDoctors();
}
.
.
// Somewhere in build()
FutureBuilder(
future: doctorsFuture,
builder: (BuildContext context, snapshot) {
print(snapshot);
}
),
关于dart - snapshot.ConnectionState始终在等待,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54710855/