dart Flutter AutoFillGroup/Autofill提示不工作

h5qlskok  于 2024-01-04  发布在  Flutter
关注(0)|答案(2)|浏览(336)

我的代码显示并提交登录表单：

  1. class LoginWidget extends StatelessWidget {
  2.   const LoginWidget({
  3.     super.key,
  4.   });
  6.  @override
  7.   Widget build(BuildContext context) {
  8.     final citiesLoaded = context.select((LoginBloc bloc) => bloc.state.citiesLoaded);
  9.     final loginBloc = context.read<LoginBloc>();
  11.     final selectedCity = (citiesLoaded && loginBloc.state.cities.length == 1)
  12.         ? loginBloc.state.cities[0]
  13.         : context.select((LoginBloc bloc) => bloc.state.selectedCity);
  15.     final formValidator = context.select((LoginBloc bloc) => bloc.state.formValidator);
  17.     final theme = Theme.of(context).extension<LoginPageThemeData>();
  19.     return AutofillGroup(
  20.       child: Column(
  21.         children: [
  22.           citiesLoaded
  23.               ? Visibility(
  24.                   visible: loginBloc.state.cities.length > 1,
  25.                   child: CitySelectWidget(selectedCity: selectedCity),
  26.                 )
  27.               : const BusyWidget(status: 'Loading cities'),
  28.           Text('Username:'),
  29.           TextFormField(
  30.               autofillHints: const [AutofillHints.username, AutofillHints.email, AutofillHints.name],
  31.               enabled: selectedCity != null,
  32.               initialValue: loginBloc.state.username,
  33.               keyboardType: TextInputType.emailAddress,
  34.               decoration: theme?.inputDecoration
  35.                   ?.copyWith(errorText: formValidator.usernameField.isValid ? null : formValidator.usernameField.validationMessage),
  36.               onChanged: (value) => loginBloc.add(SetUsernameEvent(username: value))),
  37.           Text('Password:'),
  38.           TextFormField(
  39.               autofillHints: const [AutofillHints.username, AutofillHints.email, AutofillHints.name],
  40.               enabled: selectedCity != null,
  41.               initialValue: loginBloc.state.password,
  42.               obscureText: true,
  43.               decoration: theme?.inputDecoration
  44.                   ?.copyWith(errorText: formValidator.passwordField.isValid ? null : formValidator.passwordField.validationMessage),
  45.               onChanged: (value) => loginBloc.add(SetPasswordEvent(password: value))),
  46.           ElevatedButton(
  47.             onPressed: selectedCity == null
  48.                 ? null
  49.                 : () {
  50.                     context.read<app_bloc.AppBloc>().add(app_bloc.SetSelectedCityEvent(selectedCity));
  51.                     context.read<LoginBloc>().add(const AuthEvent());
  52.                   },
  53.             child: Text('Sign in'),
  54.           ),
  55.         ],
  56.       ),
  57.     );
  58.   }
  59. }

字符串
在父部件（登录页面）显示主应用程序的页面时，自动化进程完成：

  1. @override
  2.   Widget build(BuildContext context) {
  3.     return BlocListener<LoginBloc, LoginState>(
  4.       listenWhen: (previous, current) => previous.isLogged != current.isLogged || (current.loginFailed && !current.isBusy),
  5.       listener: (context, state) {
  6.         if (state.isLogged) {
  7.           Navigator.pushNamedAndRemoveUntil(context, '/home', (route) => false);
  8.         }
  9.         if (state.loginFailed) {
  10.           Fluttertoast.showToast(msg: state.statusMessage);
  11.         }
  12.       },
  13.       child: Scaffold( ......

型
所以，在提交isLogged标志将设置在认证成功后，应用程序导航到主主页+销毁登录页面。但自动填充仍然不工作。没有提示保存密码。
你知道我还需要做什么吗？

dart

2条答案

按热度按时间
f8rj6qna

f8rj6qna1#

自动填充功能似乎存在一些问题，有时是由于设备类型，操作系统和系统设置。
自动填充服务提供程序严重依赖自动填充提示。请确保当前使用的自动填充服务支持自动填充提示中的条目（通常可以在移动终端的系统设置中找到服务名称）。
在开发过程中，我们不会自动填充，以便为许多用户提供最适合的解决方案。
但一般来说，为了获得最好的经验：
1.必须将keyboardType定义为准确的预期文本输入。
1.最好只指定一个AutofillHint类型 （所有类型都可以在here中找到），该类型最容易与您的keyboardType或TextInputType对齐，但如果您必须列出多组AutofillHint类型，则应该从与指定的keyboardType最密切相关的类型开始;特别是为了满足iOS设置为seen here的要求
某些自动填充提示仅适用于特定的keyboardType。例如，AutofillHints.name需要TextInputType.name，而AutofillHints.email仅适用于TextInputType. emailAddresss。请确保输入字段具有兼容的keyboardType。根据经验，TextInputType.name适用于iOS上预定义的许多自动填充提示。
所以你可以有

  1. /
  3. Text('Username:'),
  4. TextFormField(
  5.     autofillHints: const [AutofillHints.email, AutofillHints.name],
  6.     enabled: selectedCity != null,
  7.     initialValue: loginBloc.state.username,
  8.     keyboardType: TextInputType.emailAddress,
  9.     decoration: theme?.inputDecoration
  10.         ?.copyWith(errorText: formValidator.usernameField.isValid ? null : formValidator.usernameField.validationMessage),
  11.     onChanged: (value) => loginBloc.add(SetUsernameEvent(username: value))),
  12. Text('Password:'),
  13. TextFormField(
  14.     keyboardType: TextInputType.visiblePassword,
  15.     autofillHints: const [AutofillHints.password],
  16.     enabled: selectedCity != null,
  17.     initialValue: loginBloc.state.password,
  18.     obscureText: true,
  19.     decoration: theme?.inputDecoration
  20.                   ?.copyWith(errorText: formValidator.passwordField.isValid ? null : formValidator.passwordField.validationMessage),
  21.     onChanged: (value) => loginBloc.add(SetPasswordEvent(password: value))),
  22.       
  23. /

字符串

展开查看全部
赞(0）分享  回复(0）举报  2024-01-04
wf82jlnq

wf82jlnq2#

我测试了官方flutter bloc示例-登录流。除了他们使用formz库来简化表单验证，它几乎和我的一样。所以我在那里添加了AutofillGroup，它工作了。我终于找到了它在我的情况下不工作的原因。这是因为我使用了：

  1. final formValidator = context.select((LoginBloc bloc) => bloc.state.formValidator);

字符串
formValidator在提交时改变（新状态是发出新的表单验证器值），所以它导致整个表单（包括AutofillGroup）重建。在这种情况下，自动填充似乎会丢失其上下文，并且不再有任何数据要保存。
解决方案是删除顶级选择并使用此选项，以确保仅在需要时刷新表单项：

  1. BlocBuilder<LoginBloc, LoginState>(
  2.             buildWhen: (previous, current) => previous.password != current.password || previous.formValidator != current.formValidator,
  3.             builder: (context, state) {
  4.               return TextFormField(
  5.                   autofillHints: const [AutofillHints.password],
  6.                   enabled: selectedCity != null,
  7.                   initialValue: loginBloc.state.password,
  8.                   obscureText: true,
  9.                   decoration: theme.inputDecoration
  10.                       ?.copyWith(errorText: state.formValidator.passwordField.isValid ? null : state.formValidator.passwordField.validationMessage, label: Text('Hasło')),
  11.                   onChanged: (value) => loginBloc.add(SetPasswordEvent(password: value)));
  12.             }

型
除此之外，Flutter的自动填充方法仍然不是很好。如果自动填充服务是Google，它工作得很好，但它几乎从来没有像第三方自动填充服务那样工作。在iOS上，一般来说它不工作。密码可以保存到密钥库，但自动填充对话框不会出现，我需要手动查找凭据。

展开查看全部
赞(0）分享  回复(0）举报  2024-01-04
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com