🐛 #40 Absence of focus node in credit_card_form.dart =>

As card number is the first field so it doesn't require focus node
SimformSolutionsPvtLtd · Oct 11, 2021 · 22c08e3 · 22c08e3
1 parent 43ec16c
commit 22c08e3
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 17 deletions.
diff --git a/example/lib/main.dart b/example/lib/main.dart
@@ -77,8 +77,8 @@ class MySampleState extends State<MySample> {
                       useBackgroundImage ? 'assets/card_bg.png' : null,
                   isSwipeGestureEnabled: true,
                   onCreditCardWidgetChange: (CreditCardBrand creditCardBrand) {},
-                  customCardIcons: <CustomCardTypeImage>[
-                    CustomCardTypeImage(
+                  customCardTypeIcons: <CustomCardTypeIcon>[
+                    CustomCardTypeIcon(
                       cardType: CardType.mastercard,
                       cardImage: Image.asset(
                         'assets/mastercard.png',

diff --git a/lib/credit_card_form.dart b/lib/credit_card_form.dart
@@ -90,7 +90,6 @@ class _CreditCardFormState extends State<CreditCardForm> {
       MaskedTextController(mask: '0000');
 
   FocusNode cvvFocusNode = FocusNode();
-  FocusNode cardNumberNode = FocusNode();
   FocusNode expiryDateNode = FocusNode();
   FocusNode cardHolderNode = FocusNode();
 

diff --git a/lib/credit_card_widget.dart b/lib/credit_card_widget.dart
@@ -5,7 +5,7 @@ import 'package:flutter/material.dart';
 import 'credit_card_animation.dart';
 import 'credit_card_background.dart';
 import 'credit_card_brand.dart';
-import 'custom_card_type_image.dart';
+import 'custom_card_type_icon.dart';
 import 'glassmorphism_config.dart';
 
 const Map<CardType, String> CardTypeIconAsset = <CardType, String>{
@@ -38,7 +38,7 @@ class CreditCardWidget extends StatefulWidget {
       this.glassmorphismConfig,
       this.isChipVisible = true,
       this.isSwipeGestureEnabled = true,
-      this.customCardIcons = const <CustomCardTypeImage>[],
+      this.customCardTypeIcons = const <CustomCardTypeIcon>[],
       required this.onCreditCardWidgetChange})
       : super(key: key);
 
@@ -65,7 +65,7 @@ class CreditCardWidget extends StatefulWidget {
   final String labelExpiredDate;
 
   final CardType? cardType;
-  final List<CustomCardTypeImage> customCardIcons;
+  final List<CustomCardTypeIcon> customCardTypeIcons;
 
   @override
   _CreditCardWidgetState createState() => _CreditCardWidgetState();
@@ -527,9 +527,9 @@ class _CreditCardWidgetState extends State<CreditCardWidget>
   }
 
   Widget getCardTypeImage(CardType? cardType) {
-    final List<CustomCardTypeImage> customCardImage = getCustomCardTypeIcon(cardType!);
-    if(customCardImage.isNotEmpty){
-      return customCardImage.first.cardImage;
+    final List<CustomCardTypeIcon> customCardTypeIcon = getCustomCardTypeIcon(cardType!);
+    if(customCardTypeIcon.isNotEmpty){
+      return customCardTypeIcon.first.cardImage;
     } else {
       return Image.asset(
         CardTypeIconAsset[cardType]!,
@@ -545,7 +545,7 @@ class _CreditCardWidgetState extends State<CreditCardWidget>
   Widget getCardTypeIcon(String cardNumber) {
     Widget icon;
     final CardType ccType = detectCCType(cardNumber);
-    final List<CustomCardTypeImage> customCardTypeIcon = getCustomCardTypeIcon(ccType);
+    final List<CustomCardTypeIcon> customCardTypeIcon = getCustomCardTypeIcon(ccType);
     if (customCardTypeIcon.isNotEmpty) {
       icon = customCardTypeIcon.first.cardImage;
       isAmex = ccType == CardType.americanExpress;
@@ -604,10 +604,10 @@ class _CreditCardWidgetState extends State<CreditCardWidget>
     return icon;
   }
 
-  List<CustomCardTypeImage> getCustomCardTypeIcon(CardType currentCardType) =>
-      widget.customCardIcons
-          .where((CustomCardTypeImage element) =>
-      element.cardType == currentCardType)
+  List<CustomCardTypeIcon> getCustomCardTypeIcon(CardType currentCardType) =>
+      widget.customCardTypeIcons
+          .where((CustomCardTypeIcon element) =>
+              element.cardType == currentCardType)
           .toList();
 }
 

diff --git a/lib/custom_card_type_image.dart → lib/custom_card_type_icon.dart b/lib/custom_card_type_image.dart → lib/custom_card_type_icon.dart
@@ -1,8 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_credit_card/credit_card_widget.dart';
 
-class CustomCardTypeImage {
-  CustomCardTypeImage({
+class CustomCardTypeIcon {
+  CustomCardTypeIcon({
     required this.cardType,
     required this.cardImage,
   });

diff --git a/lib/flutter_credit_card.dart b/lib/flutter_credit_card.dart
@@ -4,4 +4,4 @@ export 'credit_card_form.dart';
 export 'credit_card_model.dart';
 export 'credit_card_widget.dart';
 export 'glassmorphism_config.dart';
-export 'custom_card_type_image.dart';
+export 'custom_card_type_icon.dart';