drawer navigation

lib/main.dart

@@ -30,27 +30,52 @@ class MyHomePage extends StatefulWidget {
   State<MyHomePage> createState() => _MyHomePageState();
 }
 
+enum GameType { classicTTC, superTTC }
+
 class _MyHomePageState extends State<MyHomePage> {
+  GameType type = GameType.classicTTC;
+  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
   @override
   Widget build(BuildContext context) {
     return Scaffold(
         drawer: Drawer(
+            key: _scaffoldKey,
             child: ListView(
-          children: [
-            DrawerHeader(
-              child: Text("Game Types"),
-            ),
-            ListTile(title: Text("Clasic")),
-            ListTile(title: Text("Super")),
-          ],
-        )),
+              children: [
+                const DrawerHeader(
+                  child: Text(
+                    "Game Types",
+                    style: TextStyle(fontSize: 25),
+                  ),
+                ),
+                ListTile(
+                  title: const Text("Classic"),
+                  onTap: () {
+                    setState(() {
+                      type = GameType.classicTTC;
+                    });
+                    Navigator.pop(context);
+                  },
+                ),
+                ListTile(
+                    title: const Text("Super"),
+                    onTap: () {
+                      setState(() {
+                        type = GameType.superTTC;
+                      });
+                      Navigator.pop(context);
+                    }),
+              ],
+            )),
         appBar: AppBar(
           title: Text(widget.title),
           backgroundColor: Theme.of(context).colorScheme.inversePrimary,
         ),
         body: Padding(
           padding: const EdgeInsets.all(10),
-          child: ClassicGame(),
+          child: type == GameType.classicTTC
+              ? const ClassicGame()
+              : const Center(child: Text("Under Construction")),
         ));
   }
 }