add new recipe layout for the first container in the horizontal slide…

…r for recipes
MouadhKh · Jul 1, 2021 · f0db33f · f0db33f
1 parent 539365b
commit f0db33f
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/lib/recipes_suggestions_layout.dart b/lib/recipes_suggestions_layout.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:hello_fridge/single_recipe_layout.dart';
 
 
 class RecipesSuggestionsLayout extends StatefulWidget {
@@ -26,7 +27,14 @@ class _RecipesSuggestionsLayoutState extends State<RecipesSuggestionsLayout> {
                   height: 200,
                   width: 200,
                   color: Colors.black12,
-                  child: Text("Mayo Fries"),
+                    child: GestureDetector(
+                      onTap: () {
+                      Navigator.push(context,
+                      MaterialPageRoute(builder: (context) => SingleRecipeLayout()));
+                      },
+                      child: Text("Mayo Fries")
+                      ),
+
                 ),
                 Container(
                   margin: EdgeInsets.all(8),

diff --git a/lib/single_recipe_layout.dart b/lib/single_recipe_layout.dart
@@ -0,0 +1,20 @@
+import 'package:flutter/material.dart';
+
+
+class SingleRecipeLayout extends StatefulWidget {
+  const SingleRecipeLayout({Key? key}) : super(key: key);
+
+  @override
+  _SingleRecipeLayoutState createState() => _SingleRecipeLayoutState();
+}
+
+class _SingleRecipeLayoutState extends State<SingleRecipeLayout> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        appBar: AppBar(
+        title: Text("Mayo Fries"),
+      ),
+    );
+  }
+}