feat: added disableShowingCardLogo property (#10)

Author: utpal-barman

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.6] 🛠️
+
+### Feature
+
+- 📝 Added `disableShowingCardLogo:` property to hide the card logo
 
 ## [1.0.5] 🛠️
 

README.md

@@ -150,6 +150,8 @@ CreditCardUi(
 ),
 ```
 
+If you want to disable the card logo you can pass `disableShowingCardLogo: true`, but this property was introduced after v1.0.6
+
 #### Additional Customizations
 To further customize the card, you can add a background image by using the `backgroundDecorationImage` property. Additionally, you can include a logo for the card provider using the `cardProviderLogo` property. This logo can be positioned on either the left or the right side of the card using the `cardProviderLogoPosition` property.
 

example/lib/main.dart

@@ -34,7 +34,7 @@ class MyHomePage extends StatelessWidget {
       body: const Center(
         child: CreditCardUi(
           cardHolderFullName: 'John Doe',
-          cardNumber: '1234567812345678',
+          cardNumber: '4123456781234567',
           validFrom: '01/23',
           validThru: '01/28',
           topLeftColor: Colors.blue,

lib/src/u_credit_card.dart

@@ -56,6 +56,7 @@ class CreditCardUi extends StatelessWidget {
     this.cardProviderLogo,
     this.cardProviderLogoPosition = CardProviderLogoPosition.right,
     this.backgroundDecorationImage,
+    this.disableShowingCardLogo = false,
   });
 
   /// Full Name of the Card Holder
@@ -126,6 +127,9 @@ class CreditCardUi extends StatelessWidget {
   /// Set Background image, can support both asset and network image
   final DecorationImage? backgroundDecorationImage;
 
+  /// Disable card type logo, just set to `true`
+  final bool disableShowingCardLogo;
+
   @override
   Widget build(BuildContext context) {
     final cardNumberMasked = CreditCardHelper.maskCreditCardNumber(
@@ -147,6 +151,17 @@ class CreditCardUi extends StatelessWidget {
           topLeftColor,
         );
 
+    Widget cardLogoWidget;
+    final cardLogoString = CreditCardHelper.getCardLogo(cardNumberMasked);
+    if (disableShowingCardLogo || cardLogoString.isEmpty) {
+      cardLogoWidget = const SizedBox.shrink();
+    } else {
+      cardLogoWidget = Image.asset(
+        CreditCardHelper.getCardLogo(cardNumberMasked),
+        package: UiConstants.packageName,
+      );
+    }
+
     return Transform.scale(
       scale: scale,
       child: SizedBox(
@@ -207,10 +222,7 @@ class CreditCardUi extends StatelessWidget {
                       duration: UiConstants.animationDuration,
                       child: Container(
                         key: ValueKey(cardNumberMasked),
-                        child: Image.asset(
-                          CreditCardHelper.getCardLogo(cardNumberMasked),
-                          package: UiConstants.packageName,
-                        ),
+                        child: cardLogoWidget,
                       ),
                     ),
                   ),

lib/src/utils/credit_card_helper.dart

@@ -88,7 +88,7 @@ class CreditCardHelper {
       case CreditCardType.discover:
         return Assets.discoverLogo;
       case CreditCardType.other:
-        return Assets.visaLogo;
+        return '';
     }
   }
 }

pubspec.yaml

@@ -1,6 +1,6 @@
 name: u_credit_card
 description: uCreditCard - Easy to use beautiful Card UI Flutter Package.
-version: 1.0.5
+version: 1.0.6
 homepage: 'https://github.com/utpal-barman/u-credit-card-flutter'
 
 environment: