Flutter中AutofillGroup与Autofill hints失效问题求助

针对你的登录表单自动填充失效、无密码保存提示的问题，除了修正密码输入框的autofillHints外，还需要做以下配置调整：

1. 修正密码输入框的autofillHints #

密码输入框必须使用AutofillHints.password，这是系统识别密码字段的核心标识，当前代码错误使用了用户名相关提示，修改如下：

TextFormField(
    autofillHints: const [AutofillHints.password], // 替换为正确的密码提示
    enabled: selectedCity != null,
    initialValue: loginBloc.state.password,
    obscureText: true,
    decoration: theme?.inputDecoration
        ?.copyWith(errorText: formValidator.passwordField.isValid ? null : formValidator.passwordField.validationMessage),
    onChanged: (value) => loginBloc.add(SetPasswordEvent(password: value))),

2. 登录成功前触发表单提交（关键步骤） #

Flutter需要明确告知系统提交表单信息，才能触发密码保存提示。你需要在登录成功、跳转页面之前调用AutofillGroup.of(context).commit()，让系统捕获表单数据。

可以在登录按钮的点击事件中添加：

ElevatedButton(
  onPressed: selectedCity == null
      ? null
      : () {
          // 提交Autofill表单，触发系统密码保存逻辑
          AutofillGroup.of(context).commit();
          context.read<app_bloc.AppBloc>().add(app_bloc.SetSelectedCityEvent(selectedCity));
          context.read<LoginBloc>().add(const AuthEvent());
        },
  child: const Text('Sign in'),
),

3. 调整页面跳转时机 #

当前登录成功后立即销毁登录页面，可能导致系统还未完成密码保存流程就丢失上下文。建议在调用commit()后延迟短时间再跳转，给系统足够处理时间：

// 在BlocListener的isLogged分支中修改
if (state.isLogged) {
  Future.delayed(const Duration(milliseconds: 150), () {
    Navigator.pushNamedAndRemoveUntil(context, '/home', (route) => false);
  });
}

4. 额外检查项 #

• 确保AutofillGroup完整包裹所有需要自动填充的输入框，不要嵌套多个AutofillGroup。
• 自动填充触发时，输入框的enabled状态必须为true，需保证城市选择完成后才启用输入框。
• 避免使用autovalidateMode: AutovalidateMode.always，防止实时验证干扰自动填充流程，建议仅在提交时验证表单。

内容的提问来源于stack exchange，提问作者user1209216