StatefulWidgetにデータを渡し、Flutterの状態でそのデータにアクセスする

Flutterアプリに2つの画面があります。レコードのリストと、レコードを作成および編集するための画面です。

オブジェクトを2番目の画面に渡すと、これが編集されることを意味し、nullを渡すと、新しいアイテムを作成することになります。編集画面はステートフルウィジェットであり、私の場合、このアプローチhttps://flutter.io/cookbook/navigation/passing-data/の使用方法がわかりません。

class RecordPage extends StatefulWidget {
  final Record recordObject;

  RecordPage({Key key, @required this.recordObject}) : super(key: key);

  @override
  _RecordPageState createState() => new _RecordPageState();
}

class _RecordPageState extends State<RecordPage> {
  @override
  Widget build(BuildContext context) {
   //.....
  }
}

_RecordPageState内のrecordObjectにアクセスするにはどうすればよいですか？

_RecordPageStateでrecordObjectを使用するには、以下のようにwidget.objectnameを記述するだけです。

class _RecordPageState extends State<RecordPage> {
  @override
  Widget build(BuildContext context) {
   .....
   widget.recordObject
   .....
  }
}

class RecordPage extends StatefulWidget {
  final Record recordObject;

  RecordPage({Key key, @required this.recordObject}) : super(key: key);

  @override
  _RecordPageState createState() => new _RecordPageState(recordObject);
}

class _RecordPageState extends State<RecordPage> {
  Record  recordObject
 _RecordPageState(this. recordObject);  //constructor
  @override
  Widget build(BuildContext context) {.    //closure has access
   //.....
  }
}

完全な例

コンストラクターを使用してStateにパラメーターを渡す必要はありません。これらにはwidget.myFieldを使用して簡単にアクセスできます。

class MyRecord extends StatefulWidget {
  final String recordName;
  const MyRecord(this.recordName);

  @override
  MyRecordState createState() => MyRecordState();
}

class MyRecordState extends State<MyRecord> {
  @override
  Widget build(BuildContext context) {
    return Text(widget.recordName); // Here you direct access using widget
  }
}

画面をナビゲートするときにデータを渡します。

 Navigator.of(context).push(MaterialPageRoute(builder: (context) => MyRecord("WonderWorld")));