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),