How to pass parameters through navigation in flutter?

Question

I need to pass a id parameter to a separate page while navigating from one page to another, I am currently using named routes to navigate but they are not letting me pass parameters.

You can check [this](https://stackoverflow.com/a/68605773/10157127) — Md. Yeasin Sheikh, Jan 14 '22 at 17:26
You can review the [documentation](https://docs.flutter.dev/cookbook/navigation/navigate-with-arguments) — edalvb, Jun 29 '22 at 14:28

Dave · Answer 1 · 2022-01-14T13:01:06.857

You have to use the "final" variable in the second route class and pass the values during instantiation of that class' object.

The below navigation example was obtained from Flutter docs I just added the "passing data to a new page" process.

class FirstRoute extends StatelessWidget {
  const FirstRoute({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("First Route"),
      ),
      body: Center(
        child: ElevatedButton(
          child: const Text("Open route"),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) =>
                      const SecondRoute(text: "This is the text")),
            );
          },
        ),
      ),
    );
  }
}

class SecondRoute extends StatelessWidget {
  const SecondRoute({Key? key, required this.text}) : super(key: key);
  final String text;

  @override
  Widget build(BuildContext context) {
    print(text);
    return Scaffold(
      appBar: AppBar(
        title: const Text("Second Route"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: const Text("Go back!"),
        ),
      ),
    );
  }
}

How to pass parameters through navigation in flutter?

1 Answers1