pin_input_text_field
PinInputTextField is a TextField widget to help display different style pin.
Example
Decoration
UnderlineDecoration
BoxLooseDecoration
BoxTightDecoration
Installing
Install the latest version from pub.
Usage
Attributes
Customizable attributes for PinInputTextField
| ATTRIBUTE NAME | EXAMPLE VALUE | DESCRIPTION |
|---|---|---|
| pinLength | 6 | The max length of pin, the default is 6 |
| onSubmit | (String pin){} | The callback will execute when user click done, sometimes is not working in Android. |
| decoration | BoxLooseDecoration | Decorate the pin, there are 3 inside styles, the default is BoxLooseDecoration |
| inputFormatters | WhitelistingTextInputFormatter.digitsOnly | Just like TextField's inputFormatter, the default is WhitelistingTextInputFormatter.digitsOnly |
| keyboardType | TextInputType.phone | Just like TextField's keyboardType, the default is TextInputType.phone |
| pinEditingController | PinEditingController | Controls the pin being edited. If null, this widget will create its own PinEditingController |
| autoFocus | false | Same as TextField's autoFocus, the default is false |
| focusNode | FocusNode | Same as TextField's focusNode |
| textInputAction | TextInputAction.done | Same as TextField's textInputAction, not working in digit mode. |
ObscureStyle
/// Determine whether replace [obscureText] with number.
final bool isTextObscure;
/// The display text when [isTextObscure] is true
final String obscureText;
Known Issue
The
PinEditingController listener will execute more than once in some situations, you can filter some duplicate values in your code.
