[Flutter]処理を行ってからsetStateメソッドを記述する場合とsetStateメソッド内に処理を記述する場合は何が違うのか?(動画なし)

StatefulWidgetを使う際に、状態が変化した際に画面の描画を司るbuildメソッドを呼び出すためのsetStateメソッドがありますが、

blank

これに関して、よく見られる疑問として、

処理をしてからsetState(() {});と記述するのと、 setState(() {});の{ }の中に処理を記述するのは、 何が違うのか?

というものがあります。

つまり

void _showQuestion() {
  _currentWord = _testDataList[_index];
  setState(() {
    _isQuestionCardVisible = true;
    _isAnswerCardVisible = false;
    _isCheckBoxVisible = false;
    _isFabVisible = true;
    _txtQuestion = _currentWord.strQuestion;
  });
  _numberOfQuestion--;
  _index++;
}

の場合と

void _showQuestion() {
  _currentWord = _testDataList[_index];
  _isQuestionCardVisible = true;
  _isAnswerCardVisible = false;
  _isCheckBoxVisible = false;
  _isFabVisible = true;
  _txtQuestion = _currentWord.strQuestion;
  setState(() {});
  _numberOfQuestion--;
  _index++;
}

の場合で何が違うのかというものです。

これについては、

・setState内に書く場合は、再描画時に行いたい処理

・setStateより前で書く場合は、再描画より前で行いたい処理(=当該処理を行った後に再描画) 

という使い分けになります。

例えば、非同期処理を行った結果(Webやデータベースからの情報取得処理)を画面に反映させたい場合は、当該処理を行った後に画面の再描画(setStateの呼び出し)を行う必要があるので、後者で行うことになります。

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