Hi Awaik, I've tried with your example, but face a problem

When typing the first value, instead of jumping to the next text field, it loses focus.

I think the problem happens when I upgrade Dart and Flutter version: [✓] Flutter (Channel stable, v1.12.13+hotfix.5, on Mac OS X 10.14.6 18G1012, locale en-US) • Flutter version 1.12.13+hotfix.5 at /Users/anlam/Documents/Flutter_Dev/flutter • Framework revision 27321ebbad (5 days ago), 2019-12-10 18:15:01 -0800 • Engine revision 2994f7e1e6 • Dart version 2.7.0

Hello I think you should remove Input and Text color, the current create black input and text color if you use customised them, I have change the following and works for me.

this.textStyle = const TextStyle(fontSize: 25.0,  color: Colors.black),

decoration: InputDecoration(
      border: (border ? null : InputBorder.none),
      counterText: "",
      contentPadding: EdgeInsets.all(((widget.itemSize * 2) / 10)),
      errorMaxLines: 1,
      fillColor: Colors.black),

Thanks

i am using version flutter_verification_code: ^0.1.5+1 everything is ok on android but i can not display the keyboard on ios device

══╡ EXCEPTION CAUGHT BY FOUNDATION LIBRARY ╞════════════════════════════════════════════════════════ flutter: The following assertion was thrown while dispatching notifications for FocusNode: flutter: The requested TextInputAction "TextInputAction.previous" is not supported on iOS. flutter: 'package:flutter/src/services/text_input.dart': flutter: Failed assertion: line 921 pos 11: '_iOSSupportedInputActions.contains(inputAction)' flutter: flutter: Either the assertion indicates an error in the framework itself, or we should provide substantially flutter: more information in this error message to help you determine and fix the underlying cause. flutter: In either case, please report this assertion by filing a bug on GitHub: flutter: https://github.com/flutter/flutter/issues/new?template=BUG.md flutter: flutter: When the exception was thrown, this was the stack:

I'm trying to copy paste the verification code into the Verification but it is only able to paste the first 2 digits. Does anyone know how to paste all 6 digits? Thanks in advance!

Below is my code:

VerificationCode(
              textStyle: TextStyle(fontSize: 21.0, color: Color(0xff0074e0)),
              underlineColor: Color(0xff0074e0),
              keyboardType: TextInputType.number,
              length: 6,
              // clearAll is NOT required, you can delete it
              // takes any widget, so you can implement your design
              onCompleted: (String value) {
                setState(() {
                  _code = value;
                });
              },
              onEditing: (bool value) {
                setState(() {
                  _onEditing = value;
                });
              },
            ),

dear verification code developer, I add some methods in onChange's text field and this is helping me with my own project. This my previous. And still the same a bug.

In case, if a user has input 3 codes and found that the previous one not correct,

therefore, he might use keyboard backspace to delete the previous one, but this does not work as expected.

this bug occur when create VerificationCode in stateful widget and after created , call Navigation.pop() and again come back to that page. when VerificationCode created _listController become empty but if it is not first time to create VerificationCode _listFocusNode , is not empty therefor if statement in initState not call and Given that widget list is not empty we get error when call _listControllerText[index] because _listController is empty and we call its items. for resolve that , i deleted the if statement in initState() and instead of that inserted _listFocusNode.clear()

#31 Add filled property to activate input background color when fillColor has a value

documentation:

If true the decoration's container is filled with fillColor.

When InputDecorator.isHovering is true, the hoverColor is also blended into the final fill color.

Typically this field set to true if border is an UnderlineInputBorder.

The decoration's container is the area which is filled if filled is true and bordered per the border. It's the area adjacent to icon and above the widgets that contain helperText, errorText, and counterText.

This property is false by default.

Add in the 218th line of the code:

selection: TextSelection.fromPosition(TextPosition(
                    affinity: TextAffinity.downstream,
                    offset: _listControllerText[_index].text.length,
                  ))

Work in progress. I am new to contributing to open source. This will be my 1st contribution so please let me know if I need to make any changes @awaik

or any character specified by the user so that the pin number will not be seen while the user types it.

this looks like some work but the simplest would be to add

obscureText: true

to your TextField widget.

i noticed that if backspace is pressed in a box with a character in it, the character is erased and focus is transferred to the previous box during editing when a character is entered focus is transferred to the next box - which is empty if backspace is pressed in the empty box, nothing happens because the onChange function is not triggered by a backspace in an empty text field i added a check in the onKey of the existing RawKeyboardListener to check if backspace is pressed in an empty box, and move to the previous box

VerificationCode( length: 3, textStyle: TextStyle(fontSize: 20, color: Colors.black), underlineColor: Colors.black, keyboardType: TextInputType.number, underlineUnfocusedColor: Colors.black, onCompleted: (value) { setState(() { _code = value; }); }, onEditing: (value) {}, ),