A textField Widget to help Display Different Style Pin
pin_input_text_field
PinInputTextField is a TextField widget to help display different style pin. It supports all the platforms flutter supports.
Feature
- allow you customized the shape, any!
- built-in 4 commonly used pin styles of shape
- obscure support
- solid support
- enterColor support
- support all the textField properties support
- Flutter web support
Example
Thanks to the Flutter Web, you can enjoy the preview by website without any installation.
Decoration
UnderlineDecoration
BoxLooseDecoration
BoxTightDecoration
CircleDecoration
Installing
Install the latest version from pub.
Usage
FormField
Instead of using PinInputTextField, using PinInputTextFormField to control validate.
ObscureStyle
/// Determine whether replace [obscureText] with number.
final bool isTextObscure;
/// The display text when [isTextObscure] is true, emoji supported
final String obscureText;
Contributors
This project exists thanks to all the people who contribute.
Notice after Version 2.0.0
Please set the selection when you set the text programmatically, just like this.
Don’t set the selection in lib code since if it will cause dead loop in iOS.
If you have any idea, please make a Pull Request.
Known Issue
The PinEditingController listener will execute more than once when programmatically set text, you can filter some duplicate values in your code.
Download Details:
Author: TinoGuo
GitHub: https://github.com/TinoGuo/pin_input_text_field
#flutter #dart #programming
