Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
757 views
in Technique[技术] by (71.8m points)

dart - How could I add handler to InputCodeField from code_field package in flutter?

I use code_field to get verification from user in my android app. How could I get that code, for instance, onComplete or another function?

pubspec.yaml

code_field: ^1.22.0

Confirmation Screen is below

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
                                )
                            ),
                        ),
                      ],
                    ),
                ),
                ),
        );
    }
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
 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"),
          )
        ],
      ),

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...