Przekazywanie danych do StatefulWidget i uzyskiwanie do nich dostępu w jego stanie we Flutterze

Mam 2 ekrany w mojej aplikacji Flutter: lista nagrań i ekran do tworzenia i edycji rekordów.

Jeśli przekażę obiekt na drugi ekran, oznacza to, że zamierzam go edytować, a jeśli przekażę wartość null, oznacza to, że tworzę nowy element. Ekran edycji to widget Stateful i nie jestem pewien, jak zastosować to podejście https://flutter.io/cookbook/navigation/passing-data/ w moim przypadku.

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) {
   //.....
  }
}

Jak mogę uzyskać dostęp do recordObject w _RecordPageState ?

Aby użyć recordObject w _RecordPageState, musisz po prostu napisać widget.objectname jak poniżej

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
   //.....
  }
}

Pełny przykład

Nie musisz przekazywać parametrów do State za pomocą jego konstruktora. Możesz łatwo uzyskać do nich dostęp za pomocą 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
  }
}

Przekaż swoje dane podczas nawigacji na ekranie:

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