UI home

lib/src/pages/home_page.dart

 import 'package:flutter/material.dart';
 
 class HomePage extends StatelessWidget {
-  const HomePage({Key? key}) : super(key: key); // Constructor
+  const HomePage({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar( // Barra de aplicaciones
-        title: const Text('Home Page'), // Título de la barra
-      ),
-      body: Center( // Centra el contenido
-        child: Column( // Dispone los hijos en una columna
-          mainAxisAlignment: MainAxisAlignment.center, // Centra verticalmente
-          children: [ // Lista de hijos
-            const Text('Hola home page'), // Texto
-            const SizedBox(height: 20), // Tamaño del texto
-            ElevatedButton( // Botón
-              onPressed: () { // Acción al presionar
-                Navigator.pushNamed(context, 'articles'); // Navega a 'articles'
+      appBar: AppBar(
+        title: const Text('Home'),
+        backgroundColor: Colors.blue,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.search),
+            onPressed: (){
+
+            },
+          )
+        ],
+      ),
+      drawer: Drawer(
+        child: ListView(
+          padding: EdgeInsets.zero,
+          children: [
+            const DrawerHeader(
+              decoration: BoxDecoration(
+                color: Colors.blue,
+              ),
+              child: Text('Menu'),
+            ),
+            ListTile(
+              title: const Text('Configuraciones'),
+            ),
+            ListTile(
+              title: const Text('Ayuda'),
+            ),
+            ListTile(
+              title: const Text('Exit'),
+            ),
+          ],
+        ),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            const Text('Hola home page'),
+            const SizedBox(height: 20),
+            ElevatedButton(
+              onPressed: () {
+                Navigator.pushNamed(context, 'articles');
               },
-              child: const Text('Ir a Articles Page'), // Texto del botón
+              child: const Text('Ir a Articles Page'),
             ),
           ],
         ),
       ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () {
+          Navigator.pushNamed(context, 'login');
+        },
+        child: const Icon(Icons.add),
+        tooltip: 'Agregar categoria',
+      ),
+      floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
     );
   }
 }