patch: autocompletado en login (#43)

Realmente no tengo idea si esto era un problema en Android, pero si lo era acá esta el fix :D Co-authored-by: Tomás L <[email protected]>
exdevutem · Oct 16, 2023 · c1aba8a · c1aba8a
1 parent 1a0e9be
commit c1aba8a
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 31 deletions.
diff --git a/lib/screens/login_screen/login_screen.dart b/lib/screens/login_screen/login_screen.dart
@@ -143,37 +143,46 @@ class _LoginScreenState extends State<LoginScreen> {
                               ),
                             ),
                             Container(height: constraints.maxHeight * 0.1),
-                            LoginTextFormField(
-                              controller: _correoController,
-                              hintText: '[email protected]',
-                              labelText: 'Correo UTEM',
-                              textCapitalization: TextCapitalization.none,
-                              keyboardType: TextInputType.emailAddress,
-                              inputFormatters: [
-                                FilteringTextInputFormatter.deny(RegExp(" ")),
-                              ],
-                              icon: Icons.person,
-                              validator: (String value) {
-                                if (value.isEmpty) {
-                                  return 'Debe ingresar un correo UTEM';
-                                } else if (value.contains("@") &&
-                                    !value.endsWith("@utem.cl")) {
-                                  return 'Debe ingresar un correo UTEM';
-                                }
-                              },
-                            ),
-                            LoginTextFormField(
-                              controller: _contraseniaController,
-                              hintText: '• • • • • • • • •',
-                              labelText: 'Contraseña',
-                              textCapitalization: TextCapitalization.none,
-                              icon: Icons.lock,
-                              obscureText: true,
-                              validator: (String value) {
-                                if (value.isEmpty) {
-                                  return 'Debe ingresar una contraseña';
-                                }
-                              },
+                            AutofillGroup(
+                              child: Column(
+                                children: [
+                                  LoginTextFormField(
+                                    controller: _correoController,
+                                    hintText: '[email protected]',
+                                    labelText: 'Correo UTEM',
+                                    textCapitalization: TextCapitalization.none,
+                                    keyboardType: TextInputType.emailAddress,
+                                    inputFormatters: [
+                                      FilteringTextInputFormatter.deny(
+                                          RegExp(" ")),
+                                    ],
+                                    icon: Icons.person,
+                                    autofillHints: [AutofillHints.username],
+                                    validator: (String value) {
+                                      if (value.isEmpty) {
+                                        return 'Debe ingresar un correo UTEM';
+                                      } else if (value.contains("@") &&
+                                          !value.endsWith("@utem.cl")) {
+                                        return 'Debe ingresar un correo UTEM';
+                                      }
+                                    },
+                                  ),
+                                  LoginTextFormField(
+                                    controller: _contraseniaController,
+                                    hintText: '• • • • • • • • •',
+                                    labelText: 'Contraseña',
+                                    textCapitalization: TextCapitalization.none,
+                                    icon: Icons.lock,
+                                    obscureText: true,
+                                    autofillHints: [AutofillHints.password],
+                                    validator: (String value) {
+                                      if (value.isEmpty) {
+                                        return 'Debe ingresar una contraseña';
+                                      }
+                                    },
+                                  )
+                                ],
+                              ),
                             ),
                             TextButton(
                               onPressed: () => _login(),

diff --git a/lib/widgets/login_text_form_field.dart b/lib/widgets/login_text_form_field.dart
@@ -17,6 +17,7 @@ class LoginTextFormField extends StatefulWidget {
     this.keyboardType,
     this.controller,
     this.inputFormatters,
+    this.autofillHints,
   }) : super(key: key);
 
   final String? hintText, labelText;
@@ -27,6 +28,7 @@ class LoginTextFormField extends StatefulWidget {
   final bool obscureText;
   final TextEditingController? controller;
   final List<TextInputFormatter>? inputFormatters;
+  final List<String>? autofillHints;
 
   @override
   _LoginTextFormFieldState createState() => _LoginTextFormFieldState();
@@ -55,6 +57,7 @@ class _LoginTextFormFieldState extends State<LoginTextFormField> {
         textCapitalization: widget.textCapitalization!,
         obscureText: widget.obscureText,
         inputFormatters: widget.inputFormatters,
+        autofillHints: widget.autofillHints,
         decoration: InputDecoration(
           enabledBorder: OutlineInputBorder(
               borderRadius: BorderRadius.circular(25),