card_input_field

Description:

card input field

card_input_field #
4 inputs field like bank card number for enter your card number

Usage #
Import this line in Flutter pubspec #
card_input_field: <Last Version>
copied to clipboard
TO Use #
import 'package:card_input_field/card_input_field.dart';
copied to clipboard
After import library
#
CardInputField cardInput = CardInputField();
copied to clipboard
you can also pass onChange and nextFocusNode to constructor
After into a Widget like below use it
Center(child: cardInput)
copied to clipboard
and for read value of fields into onTap or onPressed a button
onTap: (){
cardInput.controllers.forEach((element) {
print(element.text);
});
}
copied to clipboard
or set a value into a field
onTap: (){
cardInput.controllers[0].text = '4556';
}
copied to clipboard
and do not forget #
@override
void dispose() {
/// number of controllers is 4
cardInput.controllers.forEach((element) {
element.dispose();
});
super.dispose();
}
copied to clipboard
It is very simple to use, you can see main file into git repository
This project is a starting point for a Dart
package,
a library module containing code that can be shared easily across
multiple Flutter or Dart projects.
For help getting started with Flutter, view our
online documentation, which offers tutorials,
samples, guidance on mobile development, and a full API reference.