遷移元画面から文字列を受け取り、TextField（controller)の初期値にしたい

Question

Flutterで趣味のアプリ開発をしている初心者プログラマです。

遷移元画面からModalRoute.of(context)?.settings.argumentsを使ってStringを受け取り、
これをTextFieldの初期値にしたいです。

TextFieldの値は、遷移先画面で任意に変更してその後の処理に用いるため、Controllerを使っています。

貼り付けたコードだと、
Build関数の中で受け取り・反映させているため当たり前ですが、
遷移先画面での変更を受付けなくなってしまいます（Buildが走る度に初期化されてしまう）。

そこで、この2行の処理を
String menuName = ModalRoute.of(context)?.settings.arguments as String;
menuNameController.text = menuName;

_modRecipeState(){}　の中（Stateのイニシャライザ？）や、
initState(){}を用意しその中に入れてみたのですが、エラーでビルドできません。

つぎはぎの知識でここまでやってきており、
contextやstateのことはしっかり理解できていないことを自覚していますが、
どういったところの考え方が間違っているか、ご指摘いただけると幸いです。

また、やりたいこと（TextFieldに初期値を受け取り、変更可能にする）のためにはどのような方法があるでしょうか。

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import './main.dart';

class ModRecipe extends StatefulWidget {
  const ModRecipe({Key? key}) : super(key: key);
  @override
  State<ModRecipe> createState() => _modRecipeState();
}

class _modRecipeState extends State<ModRecipe> {
  
  _modRecipeState(){
  }

  @override
  var menuNameController = TextEditingController();
  String modRecipeName = "";
  
  @override
  Widget build(BuildContext context) {
    
    String menuName = ModalRoute.of(context)?.settings.arguments as String;
    menuNameController.text = menuName;
    
      return Scaffold(
      body: Center(
        child: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(width: 220,height: 60,
                child: TextField(
                  controller: menuNameController,
                  onChanged: (text){
                    setState(() {
                      modRecipeName=text;
                    });
                    },
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Answer 1

MaterialApp.onGenerateRouteを使いNavigate....argumentsで渡したパラメータをModRecipeにコンストラクタ経由で渡し利用するというのが一番なのかな。
push内でMaterialPageRouteを使いコンストラクタにパラメータを渡すという方法もありますが。

onGenerateRouteの利用例

以下はMaterialAppの呼び出し側。

onGenerateRoute: (RouteSettings settings) {
  var routes = <String, WidgetBuilder>{
    "呼び出し名": (ctx) => ModRecipe (settings.arguments),
  };
  WidgetBuilder builder = routes[settings.name];
  return MaterialPageRoute(builder: (ctx) => builder(ctx));
},

以下は、ModRecipe以下の修正例。（動作の確認はしてませんが）

class ModRecipe extends StatefulWidget {
  const ModRecipe(this.menuName, {Key? key}) : super(key: key);
  final String menuName;
  @override
  State<ModRecipe> createState() => _modRecipeState();
}

class _modRecipeState extends State<ModRecipe> {
  late TextEditingController menuNameController;
  String modRecipeName = "";

  @override
  void initState() {
    super.initState();
    menuNameController = TextEditingController(text: widget.menuName);
  }

 Widget build(BuildContext context) {
      return Scaffold(
      body: Center(

Comments

[nugio.kutusita]

ありがとうございます。
記載の方法を参考に実装はできそうでした。
後学のためにもう1点教えていただけると嬉しいです。

initstateの中でcontroller.text＝　とやってもだめなのは、
この時点ではまだControllerがビルドされていないからで、
提示いただいた方法だと大丈夫なのは、
ビルドされる前のControllerを作り出すとともに内部的に？初期値を与えてるから、
という解釈で合っていますか？

ModalRoute.of(context)?.settings.argumentsは、
ビルド関数の中でしか使えないものなのでしょうか。

[ta.fu]

late TextEditingController menuNameController;の部分を

final menuNameController = TextEditingController();として
initstateの中でcontroller.text＝"";としてもいいです。

単純に私の好みのコーディング方法として、lateを使って初期化と設定を一緒にしたかったためです。

ModalRoute.of(context)?.settings.argumentsは引数としてcontextが必要になります。
そのためcontextが確定している場所でしか使用できません。
一応StatefullWidgetの先のState<T>では‎‎initStateの前にcontextが確定するらしいのでbuild以外、例えばinitiState内でも呼び出しはできると思います。
ただ_modRecipeState(){}はコンストラクタなのでここでcontextは確定していないので呼び出せないです。

そういう意味でいうと、
String menuName = ModalRoute.of(context)?.settings.arguments as String;
menuNameController.text = menuName;
をinitiState内に持っていくだけでよかったのかも。

[nugio.kutusita]

なるほど。
とてもスッキリ理解できた気がします。
ありがとうございました！