LoginSignup
@sadon8443

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

Flutterにてawaitを待たずに次の処理が実行される

Q&A

GoogleMapsAPIFlutter

Flutter にて awaitを設定しているが、その終了を待たずに次の処理が実行されてしまう。

FlutterでGoogleMapから画像を取ってクラスに入れようとしています。
先にawaitで画像が追加されるのを待ってから、setStateしたいのですが、setStateが先に実行されてしまいます。
私が調べた限りでは、asyncの中で実行している以上、先にawaitの中が実行され、そしてsetstate()が実行されるはずです。スクリーンショット (5).png

解決方法を教えて下さい。

---.then(
(value) async {
List photos = [];
await Future.forEach(
value.result!.photos!,
(element) {
Photo photo = element as Photo;
googlePlace.photos
.get(photo.photoReference!, 200, 200)
.then((value) {
photos.add(value);
print('先に実行したい');
});
},
);
setState(() {
places.add(Place(
name: value.result!.name,
address: prediction.description,
images: photos,
));
print('後で実行したい');

0 likes

3Answer

softbase
@softbase

解決方法
Future.forEach 内で async 関数を使用し、各画像の取得を await で待つ。
すべての画像取得が完了してから setState を実行する。

修正したコードの例：

.then((value) async {
  List photos = [];
  await Future.forEach(
    value.result!.photos!,
    (element) async {
      Photo photo = element as Photo;
      final image = await googlePlace.photos.get(photo.photoReference!, 200, 200);
      photos.add(image);
      print('先に実行したい: 画像 ${photos.length} を追加');
    },
  );

  setState(() {
    places.add(Place(
      name: value.result!.name,
      address: prediction.description,
      images: photos,
    ));
    print('後で実行したい');
  });
});
0Like
juner
@juner

すみません、確認して欲しいのですが Future.forEach() の戻り値の型は何でしょうか？ awaitできる型でしょうか？（await自体はnullでもできるが待たない

0Like

Your answer might help someone💌

LoginSign Up