如何在 Flutter 中做密码验证动画

大佬教程收集整理的这篇文章主要介绍了如何在 Flutter 中做密码验证动画，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何在 Flutter 中做密码验证动画？

我正在尝试创建一个函数，该函数从密码 TextFormFIEld() 中获取值并检查用户是否有大写、小写、数字和特殊字符，并据此更新 { {1}} 个小部件，并相应地更改它们的颜色和图标。

使用我的代码，我不断收到此错误：

Text('Must have an upperCase letter')

我正在尝试做的一个工作示例是 here

到目前为止我的函数（也是我的验证器）：

setState() or markNeedsBuild called during build

我是如何实现这个功能的：

String ispasswordCompliant(String password,[int minLength = 6]) {
      if (password.length < minLength || password.isEmpty) {
        return 'password must be at least 6 characters long';
      }
      if (password.contains(RegExp(r"[a-z]"))) {
        setState(() {
          _passwordchecker.hasLowercase = true;
        });
      }
      if (password.contains(RegExp(r"[A-Z]"))) {
        setState(() {
          _passwordchecker.hasUppercase = true;
        });
      }
      if (password.contains(RegExp(r"[0-9]"))) {
        setState(() {
          _passwordchecker.hasDigits = true;
        });
      }
      if (password.contains(RegExp(r'[!@#$%^&*(),.?":{}|<>]'))) {
        setState(() {
          _passwordchecker.hasspecialCharacters = true;
        });
      } else {
        return null;
      }
  }

我的 Text() 小部件：

                    TextFormFIEld(
                      decoration: const inputdecoration(labelText: 'password'),obscureText: true,controller: _passwordController,texTinputAction: TexTinputAction.next,onFIEldsubmitted: (_) {
                        FocusScope.of(context)
                            .requestFocus(_confirmpasswordFocusnodE);
                      },focusnode: _passwordFocusnode,valIDator: (value) => ispasswordCompliant(value),onSaved: (value) {
                        _authData['password'] = value;
                      },),

解决方法

@override
  void initState() {
    super.initState();
    _passwordController.addListener(() {
      setState(() {
        if (_passwordchecker.hasLowercase =
            _passwordController.text.contains(RegExp(r'[a-z]'))) {
          _passwordchecker.hasLowercase = true;
        }
        if (_passwordchecker.hasUppercase =
            _passwordController.text.contains(RegExp(r'[A-Z]'))) {
          _passwordchecker.hasUppercase = true;
        }
        if (_passwordchecker.hasDigits =
            _passwordController.text.contains(RegExp(r'[0-9]'))) {
          _passwordchecker.hasDigits = true;
        }
        if (_passwordchecker.hasSpecialCharacters = _passwordController.text
            .contains(RegExp(r'[!@#$%^&*(),.?":{}|<>]'))) {
          _passwordchecker.hasSpecialCharacters = true;
        }
      });
    });
  }

大佬总结

以上是大佬教程为你收集整理的如何在 Flutter 中做密码验证动画全部内容，希望文章能够帮你解决如何在 Flutter 中做密码验证动画所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。