有没有办法在InitState方法上加载异步数据？

Question

我正在寻找一种在InitState方法上加载异步数据的方法，在构建方法运行之前，我需要一些数据。我使用的是GoogleAuth代码，我需要执行build方法，直到流运行为止。

我的initState方法是：

 @override
  void initState () {
    super.initState();
    _googleSignIn.onCurrentUserChanged.listen((GoogleSignInAccount account)     {
      setState(() {
        _currentUser = account;
      });
    });
    _googleSignIn.signInSilently();
  }

如有任何反馈，我将不胜感激。

Answer 1

方法1：可以使用StreamBuilder执行此操作。这将在流中的数据发生更改时运行builder方法。

下面是我的一个示例项目的代码片段：

StreamBuilder<List<Content>> _getContentsList(BuildContext context) {
    final BlocProvider blocProvider = BlocProvider.of(context);
    int page = 1;
    return StreamBuilder<List<Content>>(
        stream: blocProvider.contentBloc.contents,
        initialData: [],
        builder: (context, snapshot) {
          if (snapshot.data.isNotEmpty) {
            return ListView.builder(itemBuilder: (context, index) {
              if (index < snapshot.data.length) {
                return ContentBox(content: snapshot.data.elementAt(index));
              } else if (index / 5 == page) {
                page++;
                blocProvider.contentBloc.index.add(index);
              }
            });
          } else {
            return Center(
              child: CircularProgressIndicator(),
            );
          }
        });
  }

在上面的代码中，StreamBuilder侦听内容的任何更改，最初它是一个空数组并显示CircularProgressIndex。一旦我调用API，获取的数据就会添加到内容数组中，这将运行构建器方法。

当用户向下滚动时，会获取更多内容并将其添加到内容数组中，该数组将再次运行builder方法。

在您的情况下，只需要初始加载。但这为您提供了在获取数据之前在屏幕上显示其他内容的选项。

希望这是有帮助的。

编辑：

在您的情况下，我猜它将如下所示：

StreamBuilder<List<Content>>(
        stream: account, // stream data to listen for change
        builder: (context, snapshot) {
            if(account != null) {
                return _googleSignIn.signInSilently();
            } else {
                // show loader or animation
            }
        });

方法2：另一种方法是创建一个async方法，并从initState（）调用它，如下所示：

 @override
  void initState() {
    super.initState();
    asyncMethod();
  }

  void asyncMethod() async {
    await asyncCall1();
    await asyncCall2();
    // ....
  }

Answer 2

从现在起，请使用。然后，符号似乎起作用了：

  // ...
  @override
  initState() {
    super.initState();
    myAsyncFunction
    // as suggested in the comment
    // .whenComplete() {
    // or
      .then((result) {
    print("result: $result");
    setState(() {});
    });
  }
  //...

Answer 3

您可以创建一个async方法并在您的initState中调用它

@override
void initState () {
  super.initState();
  WidgetsBinding.instance.addPostFrameCallback((_){
    _asyncMethod();
  });
        
}

_asyncMethod() async {
  _googleSignIn.onCurrentUserChanged.listen((GoogleSignInAccount account)     {
    setState(() {
      _currentUser = account;
    });
  });
  _googleSignIn.signInSilently();
}