yaashwardhan · January 10, 2023 17:22 · Jan 3, 2021 · Jan 3, 2021 · Jan 3, 2021 · Jan 3, 2021
diff --git a/page2.dart(with modifications of value possible).dart b/page2.dart(with modifications of value possible).dart
@@ -25,7 +25,7 @@ class _PageTwoState extends State<PageTwo> {
           Container(
             height: 400,
             width: double.infinity,
-            color: passedColor.withOpacity(0.5),
+            color: passedColor,
           ),
           Text('$passedColorName color was passed'),
           RaisedButton(

diff --git a/page2.dart(with modifications of value possible).dart b/page2.dart(with modifications of value possible).dart
@@ -34,8 +34,4 @@ class _PageTwoState extends State<PageTwo> {
                 Navigator.pop(context);
               },
               child: Text('<- Go back'))
-        ],
-      ),
-    );
-  }
-}
+        ],),);}
diff --git a/page2.dart b/page2.dart
@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter/cupertino.dart';
 class PageTwo extends StatefulWidget {
   final Color passedColor;
   final String passedColorName;

diff --git a/page2.dart(with modifications of value possible).dart b/page2.dart(with modifications of value possible).dart
@@ -1,3 +1,4 @@
+import 'package:flutter/material.dart';
 class PageTwo extends StatefulWidget {
   final Color passedColor;
   final String passedColorName;

diff --git a/page2.dart b/page2.dart
@@ -32,7 +32,8 @@ class _PageTwoState extends State<PageTwo> {
               },
               child: Text('<- Go back'))
         ],),);},}
-// Use this if u want to later make changes to the passed value in the code
+// Use this if u want to later make changes to the passed value in the code. Full code in the file below
+// NOTE: Here 'foo' means 'your value'
 // class MyStateful extends StatefulWidget {
 //   final String foo;
 //   const MyStateful({Key key, this.foo}): super(key: key);

diff --git a/...rt(with modifications of value possible)) → ...ith modifications of value possible).dart b/...rt(with modifications of value possible)) → ...ith modifications of value possible).dart
diff --git a/page2.dart(with modifications of value possible)) b/page2.dart(with modifications of value possible))
@@ -0,0 +1,40 @@
+class PageTwo extends StatefulWidget {
+  final Color passedColor;
+  final String passedColorName;
+  const PageTwo({Key key, this.passedColor, this.passedColorName})
+      : super(key: key);
+  @override
+  _PageTwoState createState() => _PageTwoState(
+      passedColor: this.passedColor, passedColorName: this.passedColorName);
+}
+
+class _PageTwoState extends State<PageTwo> {
+  Color passedColor;
+  String passedColorName;
+  _PageTwoState({this.passedColor, this.passedColorName});
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Page 2'),
+        automaticallyImplyLeading: false, //to disable going back
+      ),
+      body: Column(
+        children: [
+          Container(
+            height: 400,
+            width: double.infinity,
+            color: passedColor.withOpacity(0.5),
+          ),
+          Text('$passedColorName color was passed'),
+          RaisedButton(
+              color: Colors.grey,
+              onPressed: () {
+                Navigator.pop(context);
+              },
+              child: Text('<- Go back'))
+        ],
+      ),
+    );
+  }
+}
diff --git a/page1.dart b/page1.dart
@@ -1,11 +1,9 @@
 import 'package:flutter/material.dart';
 import 'page2.dart';
-
 class PageOne extends StatefulWidget {
   @override
   _PageOneState createState() => _PageOneState();
 }
-
 class _PageOneState extends State<PageOne> {
   @override
   Widget build(BuildContext context) {
@@ -23,10 +21,7 @@ class _PageOneState extends State<PageOne> {
                     builder: (_) => PageTwo(
                       passedColor: Colors.pink,
                       passedColorName: 'Pink',
-                    ),
-                  ),
-                );
-              },
+                    ),),);},
               child: Text('Pink')),
           RaisedButton(
             color: Colors.blueGrey,
@@ -37,17 +32,9 @@ class _PageOneState extends State<PageOne> {
                   builder: (_) => PageTwo(
                     passedColor: Colors.blueGrey,
                     passedColorName: 'Blue',
-                  ),
-                ),
-              );
-            },
+                  ),),);},
             child: Text('Blue'),
           ),
           SizedBox(
             height: 250,
-          )
-        ],
-      ),
-    );
-  }
-}
+          )],),);}}
diff --git a/page2.dart b/page2.dart
@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/cupertino.dart';
-
 class PageTwo extends StatefulWidget {
   final Color passedColor;
   final String passedColorName;
@@ -10,7 +9,6 @@ class PageTwo extends StatefulWidget {
   @override
   _PageTwoState createState() => _PageTwoState();
 }
-
 class _PageTwoState extends State<PageTwo> {
   @override
   Widget build(BuildContext context) {
@@ -33,28 +31,18 @@ class _PageTwoState extends State<PageTwo> {
                 Navigator.pop(context);
               },
               child: Text('<- Go back'))
-        ],
-      ),
-    );
-  }
-}
+        ],),);},}
 // Use this if u want to later make changes to the passed value in the code
 // class MyStateful extends StatefulWidget {
 //   final String foo;
-
 //   const MyStateful({Key key, this.foo}): super(key: key);
-
 //   @override
 //   _MyStatefulState createState() => _MyStatefulState(foo: this.foo);
 // }
-
 // class _MyStatefulState extends State<MyStateful> {
 //   String foo;
-
 //   _MyStatefulState({this.foo});
-
 //   @override
 //   Widget build(BuildContext context) {
 //     return Text(foo);
-//   }
-// }
+//   },}
diff --git a/main.dart b/main.dart
@@ -1,4 +1,3 @@
-//Passing data to a Stateful Widget from another Stateful Widget
 import 'package:flutter/material.dart';
 import 'page1.dart';
 

diff --git a/main.dart b/main.dart
@@ -1,3 +1,4 @@
+//Passing data to a Stateful Widget from another Stateful Widget
 import 'package:flutter/material.dart';
 import 'page1.dart';
 

diff --git a/main.dart b/main.dart
@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+import 'page1.dart';
+
+void main() {
+  runApp(MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      theme: ThemeData.dark(),
+      home: Scaffold(
+        appBar: AppBar(
+          title: Text('Page 1'),
+        ),
+        body: PageOne(),
+      ),
+    );
+  }
+}
diff --git a/page1.dart b/page1.dart
@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+import 'page2.dart';
+
+class PageOne extends StatefulWidget {
+  @override
+  _PageOneState createState() => _PageOneState();
+}
+
+class _PageOneState extends State<PageOne> {
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+        children: [
+          Text('Choose the color (value to be passed) of the Next Page:'),
+          RaisedButton(
+              color: Colors.pink,
+              onPressed: () {
+                Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                    builder: (_) => PageTwo(
+                      passedColor: Colors.pink,
+                      passedColorName: 'Pink',
+                    ),
+                  ),
+                );
+              },
+              child: Text('Pink')),
+          RaisedButton(
+            color: Colors.blueGrey,
+            onPressed: () {
+              Navigator.push(
+                context,
+                MaterialPageRoute(
+                  builder: (_) => PageTwo(
+                    passedColor: Colors.blueGrey,
+                    passedColorName: 'Blue',
+                  ),
+                ),
+              );
+            },
+            child: Text('Blue'),
+          ),
+          SizedBox(
+            height: 250,
+          )
+        ],
+      ),
+    );
+  }
+}
diff --git a/page2.dart b/page2.dart
@@ -0,0 +1,60 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+
+class PageTwo extends StatefulWidget {
+  final Color passedColor;
+  final String passedColorName;
+  const PageTwo(
+      {Key key, this.passedColor, this.passedColorName}) //key:key is used
+      : super(key: key);
+  @override
+  _PageTwoState createState() => _PageTwoState();
+}
+
+class _PageTwoState extends State<PageTwo> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Page 2'),
+        automaticallyImplyLeading: false, //to disable going back
+      ),
+      body: Column(
+        children: [
+          Container(
+            height: 400,
+            width: double.infinity,
+            color: widget.passedColor,
+          ),
+          Text('${widget.passedColorName} color was passed'),
+          RaisedButton(
+              color: Colors.grey,
+              onPressed: () {
+                Navigator.pop(context);
+              },
+              child: Text('<- Go back'))
+        ],
+      ),
+    );
+  }
+}
+// Use this if u want to later make changes to the passed value in the code
+// class MyStateful extends StatefulWidget {
+//   final String foo;
+
+//   const MyStateful({Key key, this.foo}): super(key: key);
+
+//   @override
+//   _MyStatefulState createState() => _MyStatefulState(foo: this.foo);
+// }
+
+// class _MyStatefulState extends State<MyStateful> {
+//   String foo;
+
+//   _MyStatefulState({this.foo});
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return Text(foo);
+//   }
+// }