在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/

10-09 04:06