add the button example

lib/AppDrawer.dart

@@ -1,14 +1,15 @@
 import 'package:flutter/material.dart';
 import 'listViewPage.dart';
+import 'buttonPage.dart';
 
-class DrawerPage extends StatefulWidget {
+class AppDrawer extends StatefulWidget {
-  const DrawerPage({super.key});
+  const AppDrawer({super.key});
 
   @override
-  State<DrawerPage> createState() => _DrawerPageState();
+  State<AppDrawer> createState() => _AppDrawerState();
 }
 
-class _DrawerPageState extends State<DrawerPage>{
+class _AppDrawerState extends State<AppDrawer>{
 
   @override
   Widget build(BuildContext context) {
@@ -46,6 +47,17 @@ class _DrawerPageState extends State<DrawerPage>{
               );
             },
           ),
+          ListTile(
+            leading: Icon(Icons.input),
+            title: Text('Button Page'),
+            onTap: () {
+              Navigator.pop(context);
+              Navigator.push(
+                context,
+                MaterialPageRoute(builder: (context) => ButtonPage()),
+              );
+            },
+          ),
           ListTile(
             leading: Icon(Icons.settings),
             title: Text('Settings'),

lib/buttonPage.dart

@@ -0,0 +1,75 @@
+import 'package:flutter/material.dart';
+import 'AppDrawer.dart';
+
+class ButtonPage extends StatefulWidget {
+  const ButtonPage({super.key});
+  
+  @override
+  State<StatefulWidget> createState() => _ButtonPageState();
+}
+
+class _ButtonPageState extends State<ButtonPage> {
+  
+  // final List<Map<String, dynamic>> buttons = [
+  //   {'title': 'ElevatedButton', 'widget': ElevatedButton(onPressed: () {}, child: Text('Elevated'))},
+  //   {'title': 'TextButton', 'widget': TextButton(onPressed: () {}, child: Text('Text'))},
+  //   {'title': 'OutlinedButton', 'widget': OutlinedButton(onPressed: () {}, child: Text('Outlined'))},
+  //   {'title': 'IconButton', 'widget': IconButton(onPressed: () {}, icon: Icon(Icons.favorite))},
+  //   {'title': 'FloatingActionButton', 'widget': FloatingActionButton(onPressed: () {}, child: Icon(Icons.add))},
+  //   {'title': 'ElevatedButton.icon', 'widget': ElevatedButton.icon(onPressed: () {}, icon: Icon(Icons.send), label: Text('Send'))},
+  //   {'title': 'TextButton.icon', 'widget': TextButton.icon(onPressed: () {}, icon: Icon(Icons.download), label: Text('Download'))},
+  //   {'title': 'OutlinedButton.icon', 'widget': OutlinedButton.icon(onPressed: () {}, icon: Icon(Icons.share), label: Text('Share'))},
+  //   {'title': 'Disabled Button', 'widget': ElevatedButton(onPressed: null, child: Text('Disabled'))},
+  //   {'title': 'Custom Styled Button', 'widget': ElevatedButton(
+  //     onPressed: () {},
+  //     style: ElevatedButton.styleFrom(backgroundColor: Colors.red, foregroundColor: Colors.white),
+  //     child: Text('Custom'),
+  //   )},
+  // ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Button Examples'),
+      ),
+      drawer: AppDrawer(),
+      body: Column(
+        children: [
+
+          // Create ElevatedButton
+          SizedBox(
+            width: double.infinity, //make the width of button equal to the widht of screen
+            child: ElevatedButton(
+              onPressed: (){
+                print('Elevated Button pressed');
+              }, 
+              child: Text('Text'),
+            ),
+          ),
+
+          SizedBox(height: 20),
+
+          // Create the text Button
+          SizedBox(
+            width: double.infinity,
+            child: TextButton(
+              onPressed: (){
+                print('Text button is pressed');
+              }, 
+              child: Text('This is a text button'),
+            ),
+          ),
+
+          SizedBox(height: 20),
+
+          // 
+
+
+
+
+        ],
+      ),
+    );
+  }
+}

lib/homePage.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'drawerPage.dart';
+import 'AppDrawer.dart';
 
 class HomePage extends StatefulWidget {
   const HomePage({super.key});
@@ -16,7 +16,7 @@ class _HomePageState extends State<HomePage>{
       appBar: AppBar(
         title: Text("Home Page"),
       ),
-      drawer: DrawerPage(),
+      drawer: AppDrawer(),
       body: Center(
         child: Text("Welcome to Home Page"),
       ),

lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'loginPage.dart';
+import 'buttonPage.dart';
 
 void main() {
   runApp(const MyApp());
@@ -12,13 +13,14 @@ class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
-      title: 'Flutter Demo',
+      title: 'Flutter tutorial',
       theme: ThemeData(
         
         colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
         useMaterial3: true,
       ),
       home: const LoginPage(),
+      // home: const ButtonPage(),
     );
   }
 }

pubspec.lock

@@ -5,42 +5,42 @@ packages:
     dependency: transitive
     description:
       name: async
-      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
+      sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
       url: "https://pub.dev"
     source: hosted
-    version: "2.11.0"
+    version: "2.13.0"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
-      sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66"
+      sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   characters:
     dependency: transitive
     description:
       name: characters
-      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.0"
   clock:
     dependency: transitive
     description:
       name: clock
-      sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf
+      sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.1"
+    version: "1.1.2"
   collection:
     dependency: transitive
     description:
       name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76"
       url: "https://pub.dev"
     source: hosted
-    version: "1.18.0"
+    version: "1.19.1"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -53,10 +53,10 @@ packages:
     dependency: transitive
     description:
       name: fake_async
-      sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78"
+      sha256: "5368f224a74523e8d2e7399ea1638b37aecfca824a3cc4dfdf77bf1fa905ac44"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.1"
+    version: "1.3.3"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -79,18 +79,18 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "3f87a60e8c63aecc975dda1ceedbc8f24de75f09e4856ea27daf8958f2f0ce05"
+      sha256: "6bb818ecbdffe216e81182c2f0714a2e62b593f4a4f13098713ff1685dfb6ab0"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.5"
+    version: "10.0.9"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: "932549fb305594d82d7183ecd9fa93463e9914e1b67cacc34bc40906594a1806"
+      sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.5"
+    version: "3.0.9"
   leak_tracker_testing:
     dependency: transitive
     description:
@@ -111,10 +111,10 @@ packages:
     dependency: transitive
     description:
       name: matcher
-      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.16+1"
+    version: "0.12.17"
   material_color_utilities:
     dependency: transitive
     description:
@@ -127,71 +127,71 @@ packages:
     dependency: transitive
     description:
       name: meta
-      sha256: bdb68674043280c3428e9ec998512fb681678676b3c54e773629ffe74419f8c7
+      sha256: e3641ec5d63ebf0d9b41bd43201a66e3fc79a65db5f61fc181f04cd27aab950c
       url: "https://pub.dev"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   path:
     dependency: transitive
     description:
       name: path
-      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
+      sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5"
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.0"
+    version: "1.9.1"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
-    version: "0.0.99"
+    version: "0.0.0"
   source_span:
     dependency: transitive
     description:
       name: source_span
-      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.0"
+    version: "1.10.1"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.1"
+    version: "1.12.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
+      sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.4"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
+      sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.0"
+    version: "1.4.1"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
-      sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
+      sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.1"
+    version: "1.2.2"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5b8a98dafc4d5c4c9c72d8b31ab2b23fc13422348d2997120294d3bac86b4ddb"
+      sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.2"
+    version: "0.7.4"
   vector_math:
     dependency: transitive
     description:
@@ -204,10 +204,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: "5c5f338a667b4c644744b661f309fb8080bb94b18a7e91ef1dbd343bed00ed6d"
+      sha256: ddfa8d30d89985b96407efce8acbdd124701f96741f2d981ca860662f1c0dc02
       url: "https://pub.dev"
     source: hosted
-    version: "14.2.5"
+    version: "15.0.0"
 sdks:
-  dart: ">=3.5.3 <4.0.0"
+  dart: ">=3.7.0-0 <4.0.0"
   flutter: ">=3.18.0-18.0.pre.54"