如何在flutter中从code_field包中将处理程序添加到InputCodeField？

debugcn 发表于 Dev

安迪

我使用code_field在我的android应用中获得用户的验证。我如何获取该代码，例如onComplete或其他函数？

pubspec.yaml

code_field: ^1.22.0

确认画面如下

class ConfirmCodeScreen extends StatefulWidget {
    @override
    _ConfirmCodeScreenState createState() => _ConfirmCodeScreenState();
}

class _ConfirmCodeScreenState extends State<ConfirmCodeScreen> {
    final codeControl = InputCodeControl(inputRegex: '^[0-9]*');
    
    @override
    Widget build(BuildContext context) {
        return Scaffold(
            body: SafeArea(
                child: Container(
                    padding: EdgeInsets.symmetric(horizontal: consts.APP_PADDING),
                  child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                          InputCodeField(
                            control: codeControl,
                            count: 4,
                            inputType: TextInputType.number, 
                            decoration: InputCodeDecoration(
                                focusColor: Colors.black,
                                color: Colors.black,
                                textStyle: TextStyle(
                                    color: Colors.black,
                                    fontSize: 30
                                )
                            ),
                        ),
                      ],
                    ),
                ),
                ),
        );
    }
}

Shubham narkhede

 Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          InputCodeField(
            control: codeControl,
            count: 4,
            inputType: TextInputType.number,
            decoration: InputCodeDecoration(
                focusColor: Colors.black,
                color: Colors.black,
                textStyle: TextStyle(color: Colors.black, fontSize: 30)),
          ),
          MaterialButton(
            onPressed: () {
              print("=======>>${codeControl.value}");
            },
            child: Text("Get Data"),
          )
        ],
      ),

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。