feat: Refactoring to HomePage and implementing AppBar. #305

dwyl · Feb 20, 2023 · 7302107 · 7302107
1 parent b067343
commit 7302107
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 9 deletions.
diff --git a/assets/images/dwyl_logo.png b/assets/images/dwyl_logo.png
diff --git a/lib/main.dart b/lib/main.dart
@@ -16,12 +16,55 @@ class MyApp extends StatelessWidget {
         theme: ThemeData(
           primarySwatch: Colors.teal,
         ),
-        home: Scaffold(
-            appBar: AppBar(
-              title: const Text('DWYL'),
-              centerTitle: true,
-            ),
-            body: const MyTextField()));
+        home: HomePage());
+  }
+}
+
+class HomePage extends StatefulWidget {
+  const HomePage({super.key});
+
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  bool showMenu = false;
+  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        key: _scaffoldKey,
+        drawerEnableOpenDragGesture: false,
+        appBar: AppBar(
+          title: Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Image.asset("assets/images/dwyl_logo.png", fit: BoxFit.fitHeight, height: 30),
+            ],
+          ),
+          leading: Container(),
+          backgroundColor: Colors.black,
+          elevation: 0.0,
+          actions: [
+            Visibility(
+              maintainSize: true,
+              maintainAnimation: true,
+              maintainState: true,
+              visible: showMenu,
+              child: IconButton(
+                onPressed: () {
+                  _scaffoldKey.currentState!.openEndDrawer();
+                },
+                icon: const Icon(
+                  Icons.menu,
+                  color: Colors.white,
+                ),
+              ),
+            )
+          ],
+        ),
+        body: const MyTextField());
   }
 }
 
@@ -46,9 +89,7 @@ class _MyTextFieldState extends State<MyTextField> {
               focus ? extendsFieldText() : minimizeFieldText();
             },
             child: TextField(
-              decoration: const InputDecoration(
-                  hintText: 'Capture what is on your mind..!.',
-                  border: OutlineInputBorder()),
+              decoration: const InputDecoration(hintText: 'Capture what is on your mind..!.', border: OutlineInputBorder()),
               expands: _expands,
               maxLines: _maxLines,
               textAlignVertical: TextAlignVertical.top,

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -62,6 +62,8 @@ flutter:
   # assets:
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
+  assets:
+    - assets/images/
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware