Mejora de diseño

android/app/src/main/res/drawable-v21/launch_background.xml

@@ -4,9 +4,9 @@
     <item android:drawable="?android:colorBackground" />
 
     <!-- You can insert your own image assets here -->
-    <!-- <item>
+    <item>
         <bitmap
             android:gravity="center"
-            android:src="@mipmap/launch_image" />
+            android:src="@mipmap/splash" />
-    </item> -->
+    </item>
 </layer-list>

android/app/src/main/res/drawable/launch_background.xml

@@ -4,9 +4,9 @@
     <item android:drawable="@android:color/white" />
 
     <!-- You can insert your own image assets here -->
-    <!-- <item>
+    <item>
         <bitmap
             android:gravity="center"
-            android:src="@mipmap/launch_image" />
+            android:src="@mipmap/splash" />
-    </item> -->
+    </item>
 </layer-list>

lib/src/screens/login.dart

@@ -13,27 +13,31 @@ class LoginScreen extends StatefulWidget {
 class _LoginScreenState extends State<LoginScreen> {
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return SafeArea(
-        body: SafeArea(
+        child: Scaffold(
-      child: Center(
+      resizeToAvoidBottomInset: false,
-          child: Column(
+      backgroundColor: const Color.fromARGB(255, 186, 237, 255),
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      body: Stack(
         children: [
           Container(
-            color: Color.fromARGB(
+            margin: const EdgeInsets.only(top: 300),
-                255, 179, 247, 252), // Establece el color de fondo
+            width: double.infinity,
-            child: SizedBox(
+            height: 600,
-                width: 270.0,
+            decoration: const BoxDecoration(
-                child: Image(image: AssetImage('images/logo_prosapp.png'))),
+                color: Colors.white,
+                borderRadius: BorderRadius.only(
+                    topRight: Radius.circular(40),
+                    topLeft: Radius.circular(40))),
           ),
           Container(
-            color: Colors.white, // Establece el color de fondo
+            margin: const EdgeInsets.only(top: 100, left: 50, right: 50),
-            child: Column(
+            child: const Image(image: AssetImage('images/logo_prosapp.png')),
-              children: [
+          ),
-                const Padding(
+          Container(
-                  padding: EdgeInsets.only(
+            padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20),
-                      left: 16.0), // Ajusta el valor según sea necesario
+            margin: const EdgeInsets.only(top: 300, left: 30, right: 50),
-                  child: Align(
+            child: Column(children: const [
+              Align(
                 alignment: Alignment.topLeft,
                 child: Text(
                   'Iniciar sesión',
@@ -43,13 +47,26 @@ class _LoginScreenState extends State<LoginScreen> {
                   ),
                 ),
               ),
+            ]),
           ),
+          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.symmetric(horizontal: 25.0),
+                  padding: EdgeInsets.only(bottom: 5),
+                  child: Align(
+                    alignment: Alignment.topLeft,
+                    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.blue),
+                          borderSide: BorderSide(color: Colors.black12),
                           borderRadius: BorderRadius.all(
                             Radius.circular(20.0),
                           )),
@@ -65,30 +82,14 @@ class _LoginScreenState extends State<LoginScreen> {
                       prefixIcon: Icon(Icons.phone_android_outlined)),
                 ),
               ),
-                const Text('Un código sera enviado a este numero de celular'),
+              const Padding(
-                ElevatedButton(
+                padding: EdgeInsets.only(bottom: 100),
-                  onPressed: () {
+                child: Text('Un código sera enviado a este numero de celular',
-                    final provider =
+                    textAlign: TextAlign.center,
-                        Provider.of<GoogleSignProvider>(context, listen: false);
+                    style: TextStyle(fontSize: 15.0, color: Colors.black38)),
-                    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),
+                padding: const EdgeInsets.only(left: 20, right: 20, bottom: 20),
                 child: Container(
                   padding: const EdgeInsets.all(15),
                   decoration: const BoxDecoration(
@@ -111,7 +112,7 @@ class _LoginScreenState extends State<LoginScreen> {
               ),
               RichText(
                 text: const TextSpan(
-                    style: TextStyle(fontSize: 16.0, color: Colors.black54),
+                  style: TextStyle(fontSize: 16.0, color: Colors.black38),
                   children: [
                     TextSpan(text: 'No estas registrado? '),
                     TextSpan(
@@ -121,11 +122,10 @@ class _LoginScreenState extends State<LoginScreen> {
                   ],
                 ),
               )
-              ],
+            ]),
-            ),
           ),
         ],
-      )),
+      ),
     ));
   }
 }