A flutter package for the OTP Field widget.

When onChanged is not passed then this error is thrown .After passing onChanged it works fine.

Null check operator used on a null value

This is the stack

When the exception was thrown, this was the stack: #0 _OTPTextFieldState.buildTextField. (package:otp_text_field/otp_field.dart:156:27) #1 EditableTextState._formatAndSetValue (package:flutter/src/widgets/editable_text.dart:2276:27) #2 EditableTextState.textEditingValue= (package:flutter/src/widgets/editable_text.dart:2474:5) #3 RenderEditable._handleDelete (package:flutter/src/rendering/editable.dart:877:27) #4 RenderEditable._handleKeyEvent (package:flutter/src/rendering/editable.dart:550:7)

Throwing multiple issues.

Error One: [{ "resource": "/d:/mobile_apps_source/ppnnews/lib/components/OTPDialog.dart", "owner": "generated_diagnostic_collection_name#0", "code": { "value": "ambiguous_import", "target": { "$mid": 1, "external": "https://dart.dev/diagnostics/ambiguous_import", "path": "/diagnostics/ambiguous_import", "scheme": "https", "authority": "dart.dev" } }, "severity": 8, "message": "The name 'OTPTextField' is defined in the libraries 'package:nb_utils/src/widgets/otp_text_field.dart (via package:nb_utils/nb_utils.dart)' and 'package:otp_text_field/otp_field.dart'.\nTry using 'as prefix' for one of the import directives, or hiding the name from all but one of the imports.", "source": "dart", "startLineNumber": 188, "startColumn": 17, "endLineNumber": 188, "endColumn": 29 }]

Error Two: [{ "resource": "/d:/mobile_apps_source/ppnnews/lib/components/OTPDialog.dart", "owner": "generated_diagnostic_collection_name#0", "code": { "value": "invocation_of_non_function", "target": { "$mid": 1, "external": "https://dart.dev/diagnostics/invocation_of_non_function", "path": "/diagnostics/invocation_of_non_function", "scheme": "https", "authority": "dart.dev" } }, "severity": 8, "message": "'OTPTextField' isn't a function.\nTry correcting the name to match an existing function, or define a method or function named 'OTPTextField'.", "source": "dart", "startLineNumber": 188, "startColumn": 17, "endLineNumber": 188, "endColumn": 29 }]

Please help

To enable the following feature:

https://stackoverflow.com/questions/49238908/flutter-textfield-value-always-uppercase-debounce

It's not possible to always use upper case characters. 🎉

I am working with a backend that sends a 6-digit OTP code. However, I noticed that this library only allows the entry of codes of length, not more than 5.

I want to use this with my custom Keyboard but didn't find something like controller as available in TextField widget to use here. How can I implement that here?

while typing text or numbers in OTP text field, called on null issue was arising after my project upgraded into flutter 2.0.1. I think it was related to null safety. I hope this issue has been fixed as soon as possible.

Several libraries do not allow deleting and going back to the previous TextInput, this solves it very well.

Example of the problem: In an OTPTextField with length: 4, typing the 4 digits and then deleting works correctly. But trying to delete without reaching the fourth TextField it just doesn't go back to the previous TextField.

Tested on Android.

how to trigger OTPTextField to use the errorBorderColor / disabledBorderColor?

Originally posted by @aulia-rosyida in https://github.com/iamvivekkaushik/OTPTextField/issues/2#issuecomment-1034918465

I hope inputFormatters property in OTPTextField will be added, so that we can restrict what type of characters that user can input in the textfield .

ex. inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],

The idea is to add whitespace in each text field when changing focus and remove it when entering a new value, So when back pressed the onChnage call back will work

• Closes #35
• Closes #22
• Closes #24

While using the package I noticed that when the OTPTextField is completely filled onCompleted is triggered, why doesn't it trigger when the OTPTextField is no longer filled?

I have opened a question on stackoverflow when i used onChanged method if someone is getting this error can check the answers https://stackoverflow.com/questions/73508987/typeerrorimpl-was-thrown-while-calling-onchanged-unexpected-null-value-flutte

Hi, first of all great feature that you have developed. 👏

I am using latest version on android and if I press backspace when an otpbox is empty it does not go to the previous otp box.

Hope you get it fixed, it would be great to have.

🙏 Thanks