如何知道用户何时删除VerificationCodeInput Flutter中的输入

Question

我想在我的应用中输入验证码。我正在使用this widget来做到这一点。但是我不知道如何检测用户在完全输入小部件后是否删除他/她输入的号码，因此我可以禁用提交按钮。我做了以下。我如何知道用户在字段中完全输入后是否删除他/她输入的号码？谢谢！

VerificationCodeInput(
 keyboardType: TextInputType.number,
 length: 4,
 onCompleted: (String value) {
  setState(() {
   full = true;
  });
 },
),

Answer 1

您可以转到源https://github.com/tiny-express/flutter_verification_code_input，并在代码开发人员中看到针对您的案例编写的一些代码。在下面的示例中，他们选中

(_onCompleted != "")

并显示不同的容器。因此您可以使用their example。

@override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: Center(child: new Text('Example verify code')),
      ),
      body: Column(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Center(
              child: Text(
                'Enter your code',
                style: TextStyle(fontSize: 20.0),
              ),
            ),
          ),
          VerificationCodeInput(
            keyboardType: TextInputType.number,
            length: 4,
            autofocus: false,
            onCompleted: (String value) {
              print(value);
              setState(() {
                _onCompleted = value;
              });
            },
          ),
          (_onCompleted != "")
              ? Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Center(
                    child: Text(
                      'Your code: $_onCompleted',
                    ),
                  ),
                )
              : Container(),
        ],
      ),
    );
  }