From 992c96987a1568f881f1f7171e1982d02aec0926 Mon Sep 17 00:00:00 2001 From: Juan Felipe Duarte <70235683+DuarteJFelipe@users.noreply.github.com> Date: Thu, 30 Mar 2023 21:46:51 -0500 Subject: [PATCH] maquetado --- lib/src/screens/welcome.dart | 199 ++++++++++++++++++++++++++++++----- 1 file changed, 171 insertions(+), 28 deletions(-) diff --git a/lib/src/screens/welcome.dart b/lib/src/screens/welcome.dart index e2b8dcf..ca6c749 100644 --- a/lib/src/screens/welcome.dart +++ b/lib/src/screens/welcome.dart @@ -13,6 +13,177 @@ class _WelcomeScreenState extends State { Widget build(BuildContext context) { return SafeArea( child: Scaffold( + drawer: Drawer( + child: Column( + children: [ + Container( + color: Colors.white, + child: Column( + children: [ + Container( + width: double.infinity, + height: 100, + ), + Container( + margin: EdgeInsets.only(top: 30), + padding: EdgeInsets.all(20), + width: double.infinity, + color: Colors.grey[100], + child: Row( + children: [ + Icon(Icons.history), + SizedBox(width: 10), + Text('Mis servicios'), + ], + ), + ), + Container( + padding: EdgeInsets.all(20), + width: double.infinity, + color: Colors.grey[100], + child: Row( + children: [ + Icon(Icons.person_outline), + SizedBox(width: 10), + Text("Mi perfil"), + ], + ), + ), + Container( + padding: EdgeInsets.all(20), + width: double.infinity, + color: Colors.grey[100], + child: Row( + children: [ + Icon(Icons.construction_outlined), + SizedBox(width: 10), + Text( + "Configuración", + ), + ], + ), + ), + Container( + padding: EdgeInsets.all(20), + width: double.infinity, + color: Colors.grey[100], + child: Row( + children: [ + Icon(Icons.question_mark_rounded), + SizedBox(width: 10), + Text("Soporte"), + ], + ), + ), + Container( + padding: EdgeInsets.all(20), + width: double.infinity, + color: Colors.grey[100], + child: Row( + children: [ + Icon(Icons.messenger_outline), + SizedBox(width: 10), + Text("Mensajes"), + ], + ), + ), + Container( + padding: EdgeInsets.all(20), + width: double.infinity, + color: Color(0xFF2BA4EC), + child: Row( + children: [ + Text( + "Solicitar servicio", + style: TextStyle( + fontWeight: FontWeight.bold, + color: Colors.white, + fontSize: 15, + ), + ), + SizedBox(width: 105), + Icon( + Icons.keyboard_arrow_right_outlined, + color: Colors.white, + ), + ], + ), + ), + Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text( + 'Prosapp', + style: TextStyle(fontSize: 10, color: Colors.grey[700]), + ), + Padding( + padding: + const EdgeInsets.only(top: 7, left: 3, right: 3), + child: Text( + '®', + style: + TextStyle(fontSize: 25, color: Colors.grey[700]), + ), + ), + Text( + 'todos los derechos reservados', + style: TextStyle(fontSize: 10, color: Colors.grey[700]), + ), + ], + ), + ], + ), + ), + Align( + child: Container( + child: Row( + children: [ + SizedBox(width: 10), + ElevatedButton( + onPressed: () { + AuthenticationRepository.instance.logout(); + }, + child: Transform.rotate( + angle: 180 * 3.1416 / 180, + child: Icon( + Icons.logout_outlined, + color: Colors.red, + size: 35, + ), + ), + style: ElevatedButton.styleFrom( + primary: Colors.white, + shape: CircleBorder(), + elevation: 3, + minimumSize: Size(45, 45), + ), + ), + SizedBox(width: 5), + ElevatedButton( + onPressed: () {}, + child: Text( + 'Modo profesional', + style: TextStyle( + color: Colors.white, + fontSize: 15, + ), + ), + style: ElevatedButton.styleFrom( + primary: Color(0xFF2BA4EC), + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(50), + ), + elevation: 0, + minimumSize: Size(200, 45), + ), + ), + ], + ), + ), + ), + ], + ), + ), resizeToAvoidBottomInset: false, backgroundColor: Color(0xFFD6F4FF), body: Stack( @@ -35,34 +206,6 @@ class _WelcomeScreenState extends State { height: 100, ), ), - Container( - child: Padding( - padding: const EdgeInsets.all(10), - child: Align( - alignment: Alignment.topRight, - child: ElevatedButton( - onPressed: () { - AuthenticationRepository.instance.logout(); - }, - child: Text( - 'Cerrar Sesión', - style: TextStyle( - color: Colors.white, - fontWeight: FontWeight.bold, - fontSize: 15, - ), - ), - style: ElevatedButton.styleFrom( - primary: Color(0xFF2BA4EC), - shape: RoundedRectangleBorder( - borderRadius: BorderRadius.circular(50), - ), - elevation: 0, - minimumSize: Size(150, 40), - ), - )), - ), - ), Container( padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20), margin: const EdgeInsets.only(top: 170),