Flutter ダイアログで入力した文字列を呼び出し元の画面に渡したい

Question

ダイアログのテキストフィールドで変更した値を呼び出し元のWidgetに反映させたい

別ファイルのJSONで管理している文字列を表示した画面から、その値を編集するテキストフィールドが入ったダイアログを呼び出して値を変更させダイアログを閉じた後に、呼び出し元の画面に映っている文字列が自動で更新されるようにしたいです。
以下のサイトを参考にしましたが、Flutter初心者なため内容が全然わかりませんでした。(特にtime_bloc.dartの仕組みが全然わかりません。。。)
一体何から手を付けていいのかわからない状況です。
よろしくお願いします。

Navigator.pushで画面遷移として新しくWidgetを作ると呼び出し元の画面値は変わるのですが、そうではなく、テキストフィールドで編集した別ファイルのStringをダイアログを消した瞬間に画面が自動で再度読み込みしたりして映している文字列を変えるようにしたいです。

参考にしたサイト

Flutter:ダイアログで入力した値を呼び出し元の画面に渡す

Answer 1

showDialogをpopするときに、Navigator.pop(context, 'test')のように引数を追加すると、それを返すようになります。
例ではStringを返していますので、以下のようにすれば呼び出したWidgetで取得できます。

// showDialog呼び出し
onTap: () async {
  String value = await showDialog(
    context: context,
    builder: (context) {
      String response = 'test';
      return TextButton(
        onPressed: () => Navigator.pop(context, response), // ここで返すデータを指定
        child: const Text('OK'),
      );
    },
  );

  print(value); // 'test'

  setState(() {
    responseString = value; // ここでresponseStringに代入して、再描画
  });
},

showDialogの戻り値はFuture<T?>です。この<T?>は、 Navigator.popの2つめの引数の型になります。
Futureなので、awaitで受け取る必要があり、そのためにはファンクションにasyncを付けないといけません。

サンプルのように、専用のファンクションを作ってラップして使うのが楽かも。