Flutter initState 等待异步函数完成

Question

在我的 main.dart 中，我有这两个功能：

    Future<void> _fetchMasterData() async {
    print("Start fetch");
    var jwt = await API.attemptLogIn();
    if (jwt != null) {
      Map<String, dynamic> answer = jsonDecode(jwt);
      if (answer['message'] == 'Auth ok') {
        jwtToken = 'Bearer ' + answer['token'];
      }
    }

    await _getArticles();
    await _getMainCategories();
    await _getIngredients();
    await _getArticleIngredients();
    print("EndMasterData fetch");
  }

还有

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

我想要的是在 initState 中等待直到 _fethcMasterData 完成，然后再调用 Widgert 构建。

这可能吗？非常感谢您的帮助！

Answer 1

这里是我如何在 initstate 中使用异步函数；

 builder() async {
    favoriteDatabase =
    await $FloorFavoriteDatabase.databaseBuilder('favorite_database.db')
        .build();
    setState(() {
      favoriteDao = favoriteDatabase.favoriteDao;
    });
  }


  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      WidgetsBinding.instance.addPostFrameCallback((_) =>
          getNamePreferences().then(updateName));
    });
    builder();
    favoriteDao.findAllMoviesAsStreamW();
    favoriteDao.findAllMoviesAsStream();
  }

你也可以查看this迷你文章。

Answer 2

不可能在 initState 中等待，因此当您完成所有加载过程后，您可以调用 SetState 方法，用实际数据填充您的小部件。

第二种解决方案可能是使用 futurebuilder 或 streambuilder 来显示数据，但只有在任何方法数据不相互依赖时才有可能。

 Future<void> _fetchMasterData() async {
    print("Start fetch");
    var jwt = await API.attemptLogIn();
    if (jwt != null) {
      Map<String, dynamic> answer = jsonDecode(jwt);
      if (answer['message'] == 'Auth ok') {
        jwtToken = 'Bearer ' + answer['token'];
      }
    }

    await _getArticles();
    await _getMainCategories();
    await _getIngredients();
    await _getArticleIngredients();
    print("EndMasterData fetch");
    SetState((){});  // added line
  }