app bar

nav bar

lib/new_views/common_widgets/app_bar/home_app_bar.dart

@@ -7,45 +7,42 @@ import 'notification_icon.dart';
 class HomeAppBar extends StatefulWidget implements PreferredSizeWidget {
   final int notificationCount;
   final String userImage;
-  const HomeAppBar({Key key, this.notificationCount, this.userImage}) : super(key: key);
+  GlobalKey<ScaffoldState> scaffoldKey;
+  HomeAppBar({Key key, this.notificationCount, this.userImage, this.scaffoldKey}) : super(key: key);
 
   @override
   State<HomeAppBar> createState() => _AppBarState();
 
   @override
-  Size get preferredSize => const Size.fromHeight(150);
+  Size get preferredSize => const Size.fromHeight(60);
 }
 
 class _AppBarState extends State<HomeAppBar> {
   @override
   Widget build(BuildContext context) {
-    return Padding(
+    return AppBar(
-      padding: const EdgeInsets.only(top: 30.0, right: 12, left: 12),
+      automaticallyImplyLeading: false,
-      child: PreferredSize(
+      elevation: 0,
-        child: Column(
+      title: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
+        children: [
-            Row(
+          Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
+            children: [
-                UserImage(
+              InkWell(
+                onTap: (){
+                  widget.scaffoldKey.currentState.openDrawer();
+                },
+                child: UserImage(
                   url: widget.userImage,
                 ),
-                NotificationIcon(
+              ),
-                  notificationCount: 3,
+              NotificationIcon(
-                )
+                notificationCount: 3,
-              ],
+              )
-            ),
+            ],
-            // SizedBox(height: 15),
+          ),
-            // Column(
+        ],
-            //   crossAxisAlignment: CrossAxisAlignment.start,
-            //   children: [
-            //     Text("welcome," , style: Theme.of(context).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.w500, color: AppColor.neutral20)),
-            //     Text("Engineer name" , style: Theme.of(context).textTheme.headlineMedium?.copyWith(fontWeight: FontWeight.w600)),
-            //   ],
-            // )
-          ],
-        ),
       ),
     );
   }

lib/new_views/common_widgets/app_bar/notification_icon.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:test_sa/extensions/context_extension.dart';
 
 import '../../app_style/app_color.dart';
 
@@ -10,7 +11,7 @@ class NotificationIcon extends StatelessWidget {
   Widget build(BuildContext context) {
     return  Stack(
       children: <Widget>[
-        const Icon(Icons.notifications, size: 36,),
+         Icon(Icons.notifications, size: 36, ),
         if(notificationCount != null)
          Positioned(
           right: 0,

lib/new_views/pages/land_page/land_page.dart

@@ -19,6 +19,7 @@ class LandPage extends StatefulWidget {
 }
 
 class _LandPageState extends State<LandPage> {
+  final GlobalKey<ScaffoldState> _scaffoldKey =  GlobalKey<ScaffoldState>();
   int currentPageIndex = 0;
   static const List<Widget> _pages = <Widget>[
     DashboardPage(),
@@ -49,7 +50,8 @@ class _LandPageState extends State<LandPage> {
         return false;
       },
       child: Scaffold(
-        appBar: HomeAppBar(),
+        key: _scaffoldKey,
+        appBar: HomeAppBar(scaffoldKey:_scaffoldKey),
         body: Padding(
           padding: EdgeInsets.only(left: 16.toScreenWidth, top: 11.toScreenHeight),
           child: _pages[currentPageIndex],