diff --git a/android/app/src/main/res/drawable-v21/launch_background.xml b/android/app/src/main/res/drawable-v21/launch_background.xml index f74085f..57bd391 100644 --- a/android/app/src/main/res/drawable-v21/launch_background.xml +++ b/android/app/src/main/res/drawable-v21/launch_background.xml @@ -4,9 +4,9 @@ - + android:src="@mipmap/splash" /> + diff --git a/android/app/src/main/res/drawable/launch_background.xml b/android/app/src/main/res/drawable/launch_background.xml index 304732f..0b08322 100644 --- a/android/app/src/main/res/drawable/launch_background.xml +++ b/android/app/src/main/res/drawable/launch_background.xml @@ -4,9 +4,9 @@ - + android:src="@mipmap/splash" /> + diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png index db77bb4..0de4f5e 100644 Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png index 17987b7..0de4f5e 100644 Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-mdpi/splash.png b/android/app/src/main/res/mipmap-mdpi/splash.png new file mode 100644 index 0000000..e0de25e Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/splash.png differ diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png index 09d4391..0de4f5e 100644 Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png index d5f1c8d..0de4f5e 100644 Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png index 4d6372e..0de4f5e 100644 Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/lib/src/screens/login.dart b/lib/src/screens/login.dart index 19071c1..c601eb4 100644 --- a/lib/src/screens/login.dart +++ b/lib/src/screens/login.dart @@ -13,119 +13,119 @@ class LoginScreen extends StatefulWidget { class _LoginScreenState extends State { @override Widget build(BuildContext context) { - return Scaffold( - body: SafeArea( - child: Center( - child: Column( - mainAxisAlignment: MainAxisAlignment.spaceBetween, + return SafeArea( + child: Scaffold( + resizeToAvoidBottomInset: false, + backgroundColor: const Color.fromARGB(255, 186, 237, 255), + body: Stack( children: [ Container( - color: Color.fromARGB( - 255, 179, 247, 252), // Establece el color de fondo - child: SizedBox( - width: 270.0, - child: Image(image: AssetImage('images/logo_prosapp.png'))), + margin: const EdgeInsets.only(top: 300), + width: double.infinity, + height: 600, + decoration: const BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.only( + topRight: Radius.circular(40), + topLeft: Radius.circular(40))), ), Container( - color: Colors.white, // Establece el color de fondo - child: Column( - children: [ - const Padding( - padding: EdgeInsets.only( - left: 16.0), // Ajusta el valor según sea necesario + margin: const EdgeInsets.only(top: 100, left: 50, right: 50), + child: const Image(image: AssetImage('images/logo_prosapp.png')), + ), + Container( + padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20), + margin: const EdgeInsets.only(top: 300, left: 30, right: 50), + child: Column(children: const [ + Align( + alignment: Alignment.topLeft, + child: Text( + 'Iniciar sesión', + style: TextStyle( + fontSize: 40.0, + fontWeight: FontWeight.bold, + ), + ), + ), + ]), + ), + Container( + padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20), + margin: const EdgeInsets.only(top: 400, left: 50, right: 50), + child: Column(children: [ + const Padding( + padding: EdgeInsets.only(bottom: 5), child: Align( alignment: Alignment.topLeft, - child: Text( - 'Iniciar sesión', - style: TextStyle( - fontSize: 40.0, - fontWeight: FontWeight.bold, + child: Text('Numero de celular', + style: + TextStyle(fontSize: 25.0, color: Colors.black38)), + )), + const Padding( + padding: EdgeInsets.only(bottom: 10), + child: TextField( + decoration: InputDecoration( + enabledBorder: OutlineInputBorder( + borderSide: BorderSide(color: Colors.black12), + borderRadius: BorderRadius.all( + Radius.circular(20.0), + )), + focusedBorder: OutlineInputBorder( + borderSide: BorderSide( + color: Color.fromARGB(255, 214, 214, 214)), + borderRadius: BorderRadius.all( + Radius.circular(20.0), + )), + hintText: '3163225944', + fillColor: Color.fromARGB(255, 239, 239, 239), + filled: true, + prefixIcon: Icon(Icons.phone_android_outlined)), + ), + ), + const Padding( + padding: EdgeInsets.only(bottom: 100), + child: Text('Un código sera enviado a este numero de celular', + textAlign: TextAlign.center, + style: TextStyle(fontSize: 15.0, color: Colors.black38)), + ), + Padding( + padding: const EdgeInsets.only(left: 20, right: 20, bottom: 20), + child: Container( + padding: const EdgeInsets.all(15), + decoration: const BoxDecoration( + color: Color.fromARGB(255, 34, 211, 255), + borderRadius: BorderRadius.all( + Radius.circular(20.0), + )), + child: const Center( + child: Center( + child: Text( + 'Enviar código', + style: TextStyle( + color: Colors.white, + fontWeight: FontWeight.w900, + fontSize: 22), ), ), ), ), - const Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: TextField( - decoration: InputDecoration( - enabledBorder: OutlineInputBorder( - borderSide: BorderSide(color: Colors.blue), - borderRadius: BorderRadius.all( - Radius.circular(20.0), - )), - focusedBorder: OutlineInputBorder( - borderSide: BorderSide( - color: Color.fromARGB(255, 214, 214, 214)), - borderRadius: BorderRadius.all( - Radius.circular(20.0), - )), - hintText: '3163225944', - fillColor: Color.fromARGB(255, 239, 239, 239), - filled: true, - prefixIcon: Icon(Icons.phone_android_outlined)), - ), + ), + RichText( + text: const TextSpan( + style: TextStyle(fontSize: 16.0, color: Colors.black38), + children: [ + TextSpan(text: 'No estas registrado? '), + TextSpan( + text: 'Registrarse', + style: TextStyle( + color: Color.fromARGB(255, 23, 189, 231))), + ], ), - const Text('Un código sera enviado a este numero de celular'), - ElevatedButton( - onPressed: () { - final provider = - Provider.of(context, listen: false); - provider.googleLogin(); - }, - style: ElevatedButton.styleFrom( - shape: RoundedRectangleBorder( - borderRadius: BorderRadius.circular( - 15), // Establece el radio de los bordes - ), - ), - child: Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - FaIcon(FontAwesomeIcons.google), // Icono del botón - SizedBox(width: 5), // Espacio entre el icono y el texto - Text('Entrar con Google'), // Texto del botón - ], - ), - ), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 80.0), - child: Container( - padding: const EdgeInsets.all(15), - decoration: const BoxDecoration( - color: Color.fromARGB(255, 34, 211, 255), - borderRadius: BorderRadius.all( - Radius.circular(20.0), - )), - child: const Center( - child: Center( - child: Text( - 'Enviar código', - style: TextStyle( - color: Colors.white, - fontWeight: FontWeight.w900, - fontSize: 22), - ), - ), - ), - ), - ), - RichText( - text: const TextSpan( - style: TextStyle(fontSize: 16.0, color: Colors.black54), - children: [ - TextSpan(text: 'No estas registrado? '), - TextSpan( - text: 'Registrarse', - style: TextStyle( - color: Color.fromARGB(255, 23, 189, 231))), - ], - ), - ) - ], - ), + ) + ]), ), ], - )), + ), )); } }