pin_input_text field
pin input text field is a text field 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.
Comments are closed.