How to receive arguments from pushNamed

Question

I've changed my Navigator.push to Navigator.pushNamed but I don't understand how to pass data and receive/use it. If we use Navigator.push, we can just do this and call the constructor to use the data, but if we use Navigator.pushNamed, it sends arguments. Now, how to call/use these arguments?

in /surveyPage page how do i call the arguments? in /surveyPage i have constructor languageCode but since I use pushNamed I cannot put languageCode.

This is the widget that I want to receive the argument, I want to pass the argument to languageCode

class SurveyConsentPage extends StatefulWidget {
  SurveyConsentPage({this.languageCode, Key key}) : super(key: key);
  final String languageCode;

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => SurveyConsentPage(
      languageCode: 'id',
    ),
  ),
);

pushNamed

Navigator.of(context).pushNamed('/surveyPage', arguments: 'id');

routes

 case '/surveyPage':
        return MaterialPageRoute(builder: (context) => SurveyConsentPage());
        break;

Does this answer your question? [How can I navigate between 2 classes, one of them requires passing data? in flutter](https://stackoverflow.com/questions/68605567/how-can-i-navigate-between-2-classes-one-of-them-requires-passing-data-in-flut) — Md. Yeasin Sheikh, Apr 01 '22 at 13:37
This will probably help you: https://docs.flutter.dev/cookbook/navigation/navigate-with-arguments — cadast, Apr 01 '22 at 13:44
Does this answer your question? [Navigator pass arguments with pushNamed](https://stackoverflow.com/questions/53304340/navigator-pass-arguments-with-pushnamed) — Pathik Patel, Apr 01 '22 at 13:45

score 2 · Accepted Answer · answered Apr 01 '22 at 14:03

In your route case:

case '/surveyPage':
  final code = settings.arguments as String;
  return MaterialPageRoute(builder: (context) => SurveyConsentPage(languageCode: code));
  break;

Make sure you have defined String languageCode as a required parameter to your SurveyConsentPage widget.

class SurveyConsentPage extends StatefulWidget {
  final String languageCode;
  SurveyConsentPage({required this.languageCode, Key key}) : super(key: key);

score 0 · Answer 2 · edited Apr 12 '22 at 16:33

To pass arguments

onPressed: () {
  final String id = "myId is X";
  Navigator.of(context).pushNamed('/surveyPage', arguments: id);
},

And to receive arguments it is essential to check null value, also notice that I am passing String value, if you are using different data type replace it. A better approach is by creating class as shown on cookbook

@override
Widget build(BuildContext context) {
  final arguments = ModalRoute.of(context)?.settings.arguments as String?;
  return Scaffold(
    appBar: AppBar(
      title: Text(arguments ?? "did not get any data"),
    ),
  );
}

You can remove languageCode variable from SurveyConsentPage widget and use arguments.

How to receive arguments from pushNamed

2 Answers2