• Manas Mohanty

Passing data between Pages and Routes in flutter

If you have started your journey in flutter apps , You might have wondered how to pass data between pages and routes. This article will explain you that.

Block diagram

Suppose you want to pass data like age,name etc to second page

Step-1 ( pass the values while routing to another page)

Navigator.push( context, new MaterialPageRoute(

builder: (BuildContext context) => new ScreenTwo("Screen Two")));


// you can see above I am trying pass a string " Screen two " here to Screen two page.

Whose code is like this.

Step -2 (put provision to catch those values as variables in the other page)

import 'package:flutter/material.dart'; class ScreenTwo extends StatefulWidget {

ScreenTwo(this.title) : super(); // arguement declared through "this.title." final String title; // variable declared @override _ScreenTwoState createState() => _ScreenTwoState(); } lass _ScreenTwoState extends State<ScreenTwo> {

void goBack(BuildContext context) {




Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text(widget.title), // now access the value any where just used " widget.<variable name>"


...............(Code continues)







12 views0 comments

Recent Posts

See All
This site was designed with the
website builder. Create your website today.
Start Now