Existe-t-il un moyen de charger des données asynchrones sur la méthode InitState ?

Question

Je suis à la recherche d'un moyen de charger des données asynchrones sur la méthode InitState, j'ai besoin de certaines données avant l'exécution de la méthode de construction. J'utilise un code GoogleAuth, et je dois exécuter la méthode de construction jusqu'à ce qu'un Stream soit exécuté.

Ma méthode initState est :

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

J'apprécierai tout commentaire.

Answer 1

Vous pouvez créer un async et l'appeler dans votre initState

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

        }

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

Answer 2

A partir de maintenant, en utilisant .then semble fonctionner :

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

Answer 3

Méthode 1 : Vous pouvez utiliser StreamBuilder pour le faire. Cela permettra d'exécuter le constructeur chaque fois que les données dans flux changements.

Vous trouverez ci-dessous un extrait de code tiré d'un de mes exemples de projets :

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(),
            );
          }
        });
  }

Dans le code ci-dessus StreamBuilder écoute tout changement de contenu, initialement il s'agit d'un tableau vide et affiche l'icône CircularProgressIndicator . Une fois que j'ai fait l'appel API, les données récupérées sont ajoutées au tableau de contenu, qui exécutera la fonction de l'API. constructeur méthode.

Lorsque l'utilisateur fait défiler la page vers le bas, d'autres contenus sont récupérés et ajoutés au tableau des contenus, qui sera à nouveau exécuté. constructeur méthode.

Dans votre cas, seul le chargement initial sera nécessaire. Mais cela vous donne la possibilité d'afficher autre chose à l'écran jusqu'à ce que les données soient récupérées.

J'espère que cela vous sera utile.

EDIT :

Dans votre cas, je suppose que cela ressemblera à ce qui est indiqué ci-dessous :

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
            }
        });

Méthode 2 : Une autre méthode consisterait à créer un async et l'appeler à partir de votre initState() comme indiqué ci-dessous :

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

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

Answer 4

Créer une fonction anonyme à l'intérieur initState comme ça :

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

  // Create anonymous function:
  () async {
    await _performYourTask();
    setState(() {
     // Update your UI with the desired changes. 
    });
  } ();
}

Answer 5

Réponse précédente !

Vous pouvez définir une valeur booléenne telle que "loaded" et lui attribuer la valeur "true" dans votre fonction d'écoute et faire en sorte que votre fonction de construction renvoie vos données lorsque "loaded" a la valeur "true". Sinon, il suffit de lancer un CircularProgressIndicator.

Modifié Je ne suggérerais pas d'appeler setState dans une méthode que vous appelez dans initState. Si le widget n'est pas monté lorsque le setState est appelé (alors que l'opération asynchrone se termine), une erreur sera signalée. Je vous suggère d'utiliser un package après_layout

Jetez un coup d'œil à cette réponse pour mieux comprendre setState dans initState : https://stackoverflow.com/a/53373017/9206337

Ce post vous donnera une idée pour savoir quand l'application termine la méthode de construction. Ainsi, vous pouvez attendre que votre méthode asynchrone fixe l'état après le montage du widget : https://stackoverflow.com/a/51273797/9206337