flutter - Flutter Provider，在此处放置函数调用以从Firestore数据库加载数据

Question

我目前正在开发一个应用程序，并且想要获取用户 friend 的一些数据。理想情况下，登录后，此信息将被加载到屏幕上以供查看。

我最初在HomeScreen的“build”方法中进行了函数调用，但这导致了无限循环，因为函数调用以“notifyListeners()”结束。

话虽这么说，我应该在哪里放置调用以避免循环，而一旦从数据库中获取数据后仍然让UI更新呢？

Answer 1

您应该看看 FutureBuilder widget，它提供了强大的功能来加载异步数据并在可用时显示结果。加载数据时，或者代码运行错误时，您可以显示其他小部件。本质上它是这样的:

FutureBuilder<String>(
  future: _yourFuture,
  builder: (context, snapshot) {
    switch (snapshot.connectionState) {
      case ConnectionState.active:
      case ConnectionState.waiting:
        // Return loading indicator
        return Container();
      case ConnectionState.done:
        if (snapshot.hasError) {
          // Return error
          return Container();
        } else if (snapshot.hasData) {
          // Data loaded => use snapshot.data to access it
          return Container();
        }
  }
})

我不建议在 initState()期间加载数据，因为此方法不能异步，因此您无法等待结果。

希望对您有所帮助。