Add Navigator and Routing to the drawer items

lib/main.dart

@@ -1,5 +1,8 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_sandbox/routes/index.dart';
 import 'package:flutter_sandbox/widgets/components/drawer.dart';
+import 'package:flutter_sandbox/widgets/screens/messages.dart';
+import 'package:flutter_sandbox/widgets/screens/profile.dart';
 
 void main() => runApp(MyApp());
 
@@ -12,6 +15,11 @@ class MyApp extends StatelessWidget {
         primarySwatch: Colors.blue,
       ),
       home: MyHomePage(title: 'Home Page'),
+      routes: <String, WidgetBuilder> {
+        Routes.home: (BuildContext context) => MyHomePage(title: 'Home Page'),
+        Routes.messages: (BuildContext context) =>  MessagesScreen(),
+        Routes.profile: (BuildContext context) =>  ProfileScreen(),
+      },
     );
   }
 }

lib/routes/index.dart

@@ -0,0 +1,8 @@
+import 'package:flutter_sandbox/widgets/screens/messages.dart';
+import 'package:flutter_sandbox/widgets/screens/profile.dart';
+
+class Routes {
+  static const String home = '/home';
+  static const String messages = MessagesScreen.routeName;
+  static const String profile = ProfileScreen.routeName;
+}

lib/widgets/components/drawer.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_sandbox/routes/index.dart';
 
 class AppDrawer extends StatelessWidget {
   @override
@@ -20,17 +21,23 @@ class AppDrawer extends StatelessWidget {
             ),
           ),
           ListTile(
-            leading: Icon(Icons.message),
-            title: Text('Home'),
-          ),
+              leading: Icon(Icons.home),
+              title: Text('Home'),
+              onTap: () {
+                Navigator.of(context).pushReplacementNamed(Routes.home);
+              }),
           ListTile(
-            leading: Icon(Icons.message),
-            title: Text('Messages'),
-          ),
+              leading: Icon(Icons.message),
+              title: Text('Messages'),
+              onTap: () {
+                Navigator.of(context).pushReplacementNamed(Routes.messages);
+              }),
           ListTile(
-            leading: Icon(Icons.account_circle),
-            title: Text('Profile'),
-          ),
+              leading: Icon(Icons.account_circle),
+              title: Text('Profile'),
+              onTap: () {
+                Navigator.of(context).pushReplacementNamed(Routes.profile);
+              }),
           ListTile(
             leading: Icon(Icons.close),
             title: Text('Colse Drawer'),

lib/widgets/screens/messages.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_sandbox/widgets/components/drawer.dart';
+
+class MessagesScreen extends StatelessWidget {
+  static const String routeName = '/messages';
+
+  @override
+  Widget build(BuildContext context) {
+    return new Scaffold(
+        appBar: AppBar(
+          title: Text("Messages"),
+        ),
+        drawer: AppDrawer(),
+        body: Center(child: Text("Messages")));
+  }
+}

lib/widgets/screens/profile.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_sandbox/widgets/components/drawer.dart';
+
+class ProfileScreen extends StatelessWidget {
+  static const String routeName = '/profile';
+
+  @override
+  Widget build(BuildContext context) {
+    return new Scaffold(
+        appBar: AppBar(
+          title: Text("Profile"),
+        ),
+        drawer: AppDrawer(),
+        body: Center(child: Text("Profile")));
+  }
+}