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

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

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

処理をしてから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の呼び出し)を行う必要があるので、後者で行うことになります。

アバター

北川 博之(きーぼー)

みんなのプログラミング by Telulu LLC代表 大阪府生まれ。京都大学経済学部経済学科卒業。 2000年より、日本生命保険、ニッセイアセットマネジメント、パトナム・インベストメンツ(米国)で、日本株トレーダー・アナリスト、経営企画、システム開発等の業務に従事。主に日本株の売買執行・投資分析、経営計画の策定、海外投資家向け日本株営業、社内トレーディングシステム及び経理システムの開発等を行う。 2016年、合同会社てるる設立。スマホアプリプログラマーとして「新感覚脳トレアプリ・記憶戦隊オボエルンジャー」「Meisoー1番シンプルなマインドフルネス瞑想アプリ」をはじめとした、メンタルヘルス・知育系アプリを中心に4タイトル・計8本(Android・iOS)をリリース。 2017年、自身のこれまでの社会人経験・プログラミング経験・子育て経験を基に、プログラミングを通じて人々の人生を豊かにして、未来に希望の持てる明るい社会の実現に貢献したいとの想いから、プログラミング完全初心者と挫折経験のある人を支援する「プログラミング挫折撲滅プロジェクト・みんなのプログラミング by Telulu LLC」を設立し、プログラミングサポーター活動と心理カウンセリング活動を開始。これまでに3,000名を超える方のプログラミング挫折撲滅をサポート。

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

みんプロにかける想い

  1. プログラミングは手段の1つに過ぎない(目的は自分のアイデアを形にすること)

  2. プログラミングはみんなのもの!(プログラミングの醍醐味である「楽しさ」を伝えたい)

  3. こんな無駄な苦労をするのはぼくで最後にしたい(ぼくがプログラミング講座をはじめたわけ)

  4. プログラミングを通じて「やわらかい世の中」を作りたい(ぼくがプログラミング講座をやっている本当の理由②)

  5. ぼくが別に言う必要のない挫折の黒歴史をあえてさらけ出している理由(自分の中にある「ブロック」を外すきっかけにしてほしい)

みんプロ作成アプリ




みんプロ代表の黒歴史


TOP