【Flutter】画面遷移における値の受け渡し

Question

前提・実現したいこと

遷移後画面Bで作成したデータを遷移前画面Aに受け渡し、そのデータをAにおいてText Widget を使って表示したいです。なぜ表示されないのか、どのようにしたら表示されるのか教えていただきたいです。

発生している問題・エラーメッセージ

エラーメッセージは出力されていませんが、なぜか思い通りに動作しません。

該当のソースコード

遷移前画面A（一部）

SizedBox(
                  width: 330,
                  child: RaisedButton(
                    child: Padding(
                      padding: EdgeInsets.only(top: 15, bottom: 15),
                      child: Text((text_10 == null) ? "null" : text_10,
                          style: TextStyle(
                              fontSize: 25,
                              fontWeight: FontWeight.w400,
                              fontFamily: 'Krona',
                              color: Colors.white)),
                    ),
                    color: Color.fromRGBO(220, 20, 60, 0.2),
                    ),
                    onPressed: () async {
                      if (mode == 0) {
                        final result_10 =
                            await Navigator.pushNamed(context, "/play_10");
                        text_10 = result_10.toString();

                        //debugPrint(result_10);
                        //debugPrint(text_10);
　　　　　　　　　　　　} else{
---------------以下略-----------------------------

遷移後画面B（一部）

onPressed: () {  Navigator.pop(context, score_10);   },

遷移後画面Bから渡された score_10 を遷移後画面Aにおいて Text((text_10 == null) ? "null" : text_10, で表示したいのですが、表示されません。

試したこと

debuggerを用いてデータの受け渡しが上手く行うことができているのかを確認しました。

Aのコードの

debugPrint(result_10);
debugPrint(text_10);

により自分の期待している結果がコンソールに出力されました（上手くデータの受け渡しができている）が、なぜかText Widgetで text_10 の値が表示されません。（文字列nullが表示されます）

Answer 1

Dartでは、画面の更新がしたい時はsetState内にその内容を記述しないと変更が検知されません。

setState(() {
  text_10 = result_10.toString();
});

のように記述すると良いでしょう。

Comments

[_kei]

ご回答ありがとうございます。

回答内容を基に書いてみましたが、うまく実装することができませんでした。誠に恐縮ですが、回答のsetState関数のコードをどこに記述すればよいかヒントをいただきたいです。

【補足】
AのファイルのonPressed内に記述したところ、「The method 'setState' isn't defined for the type 'Top'.」というエラーメッセージが出力されました。（Aファイル名top.dart）また、Bに記述しようにもresult_10、text_10のスコープ外になってしまい、エラーとなってしまいます。

[tmsah]

なるほど、もしかしてこのTopクラスはStatelessWidgetを継承していますか？
であればStatefulWidgetを継承したクラスに書き直す必要があります。
setStateはStatefulWidgetクラス(正確にはStateクラス)内でしか使えません。

書き直す部分が色々と出てくると思いますが、新たに調べて頑張ってください。
とりあえず、画面の更新は(ページ自体を作り直すのでなければ)StatefulWidgetを作ってその中でsetStateしないと実現できない、ということを分かっていただけたらと思います。

[_kei]

ご返信ありがとうございます。

返信内容やStatefulWidgetの調査を基に実装したところ、自分の意図通りに機能しました。

分かりやすい回答内容、迅速な返信に心より感謝申し上げます。