[Flutter]setStateメソッドの中で非同期処理をやってはいけない

Flutterでアプリを動かしている途中で状態が変化するWidgetであるStatefulWidgetにおいて、状態の変化をFlutterのSDKに伝えて画面に反映させる(=再度画面をお絵かきするbuildメソッドを回す)ためのsetStateメソッドがありますが、

blank

このsetStateメソッド内で非同期処理をやると、エラーになってしまうので注意が必要です。

blank

 

非同期処理が完了してからsetStateメソッドを発動させること

対処法はエラーメッセージがちゃんと教えてくれているのですが、

E/flutter (18150): [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: setState() callback argument returned a Future.
E/flutter (18150): The setState() method on _HomeScreenState#d4498(lifecycle state: created) was called with a closure or method that returned a Future. Maybe it is marked as "async".
E/flutter (18150): Instead of performing asynchronous work inside a call to setState(), first execute the work (without updating the widget state), and then synchronously update the state inside a call to setState().

非同期処理は、setStateメソッドの中でやるのではなくて、非同期処理をやってから、setStateメソッドをやりなさい

ということです。

blank

setStateメソッドの公式リファレンスにも書いてありました。

The provided callback is immediately called synchronously. It must not return a future (the callback cannot be async), since then it would be unclear when the state was actually being set.

(提供されたコールバックは直ちに同期的に呼び出されます。このコールバックはfutureを返してはいけません(コールバックは非同期にはできません)。そうすると、実際にいつステートが設定されたのかが不明になってしまうからです。)

setStateメソッドはお絵かきメソッドであるbuildメソッドを呼び出しますが、その中で時間のかかる非同期処理をやってしまうと、いつお絵かきしていいのか(状態の変更を反映していいのか)わからなくなるからということのようですね。

(詳しくは、以下の動画で解説していますので、よろしければご覧下さい)

blank

こんな記事も読まれています

今すぐプレゼントを受け取る(約6時間のFlutter初級編体験版動画講座を無料でプレゼント)
blank

はじめての方へ

blank
みんプロ式プログラミング講座体系・ラインナップ
みんプロ式プログラミング講座受講の流れ(割引特典利用方法)
サイトマップ(みんプロHPコンテンツ一覧)
運営会社概要

おすすめコンテンツ

プログラミングを学ぶとどんないいことがあるのか
みんプロ式を選んでいただける6つの理由
ぼくの人生挫折ヒストリー(代表者プロフィール)
ぼくのプログラミング挫折ヒストリー(無料メール講座・6大特典付き)
今最も注目のアプリ開発ツール「Flutter(フラッター)」ミニ動画講座

みんプロ式動画講座(コア・Flutter)

ゼロからのFlutter(初級編)-はじめてのプログラミングからアプリリリースまで-
Flutter中級編1-Web通信・設計・状態管理・DIの基礎-
Flutter中級編2-Firebase/地図・カメラ連携等の基礎-
Flutter中級編3-広告/アプリ内課金等の基礎-
Flutter中級編4-Webアプリとレスポンシブデザインの基礎-

みんプロ式動画講座(サテライト)

Flutter/Dartトラブルシューティング・小ネタ集(コア初級編受講で無料プレゼント)
ゼロからのGit・GitHub(コマンドラインツールを極力使わないバージョン管理入門)
Flutter/Dartにおける設計・状態管理・DIの解説集
Dart逆引き大辞典
Flutterにおけるテストの基礎
blank
blank

みんプロ作成アプリ

blank
blank
blank
blank

TOP