feat: ✨Added card holder text capitalization feasibility

SimformSolutionsPvtLtd · Jan 9, 2025 · 9dffbb7 · 9dffbb7
1 parent 1c62271
commit 9dffbb7
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 - Fixed floating event stream bad state exception [#157](https://github.com/SimformSolutionsPvtLtd/flutter_credit_card/issues/157).
 - Fixed Gyroscope initialization issue [#173](https://github.com/SimformSolutionsPvtLtd/flutter_credit_card/issues/173).
 - Fixed Namespace Not Found issue [#176](https://github.com/SimformSolutionsPvtLtd/flutter_credit_card/issues/176).
+  - Added `isCardHolderNameUpperCase` to make card holder text field always accept uppercase[#174](https://github.com/SimformSolutionsPvtLtd/flutter_credit_card/issues/174). 
 
 # [4.0.1](https://github.com/SimformSolutionsPvtLtd/flutter_credit_card/tree/4.0.1)
 

diff --git a/lib/src/credit_card_form.dart b/lib/src/credit_card_form.dart
@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/src/services/text_formatter.dart';
 
 import '../flutter_credit_card.dart';
 import 'masked_text_controller.dart';
 import 'utils/constants.dart';
+import 'utils/helpers.dart';
 import 'utils/typedefs.dart';
 import 'utils/validators.dart';
 
@@ -35,6 +37,7 @@ class CreditCardForm extends StatefulWidget {
     this.cardHolderValidator,
     this.onFormComplete,
     this.disableCardNumberAutoFillHints = false,
+    this.isCardHolderNameUpperCase = false,
     super.key,
   });
 
@@ -134,6 +137,9 @@ class CreditCardForm extends StatefulWidget {
   /// [https://github.com/flutter/flutter/issues/104604](https://github.com/flutter/flutter/issues/104604).
   final bool disableCardNumberAutoFillHints;
 
+  /// When true card holder field will make all the input value to uppercase
+  final bool isCardHolderNameUpperCase;
+
   @override
   State<CreditCardForm> createState() => _CreditCardFormState();
 }
@@ -298,6 +304,14 @@ class _CreditCardFormState extends State<CreditCardForm> {
                 textInputAction: TextInputAction.done,
                 autofillHints: const <String>[AutofillHints.creditCardName],
                 onEditingComplete: _onHolderNameEditComplete,
+                textCapitalization: widget.isCardHolderNameUpperCase
+                    ? TextCapitalization.characters
+                    : TextCapitalization.none,
+                inputFormatters: widget.isCardHolderNameUpperCase
+                    ? <TextInputFormatter>[
+                        UpperCaseTextFormatter(),
+                      ]
+                    : null,
                 validator: widget.cardHolderValidator,
               ),
             ),

diff --git a/lib/src/plugin/flutter_credit_card_method_channel.dart b/lib/src/plugin/flutter_credit_card_method_channel.dart
@@ -77,9 +77,12 @@ class MethodChannelFlutterCreditCard extends FlutterCreditCardPlatform {
 
   @override
   Future<void> dispose() async {
+    if (_isGyroscopeAvailable) {
+      await cancelEvents();
+    }
     _isGyroscopeAvailable = false;
     _gyroscopeEventChannel = null;
-    await cancelEvents();
+
     _methodChannel = null;
   }
 }
diff --git a/lib/src/utils/helpers.dart b/lib/src/utils/helpers.dart
@@ -1,3 +1,4 @@
+import 'package:flutter/services.dart';
 import 'package:flutter/widgets.dart';
 
 import '../models/custom_card_type_icon.dart';
@@ -87,3 +88,14 @@ Widget getCardTypeImage({
     },
   ).cardImage;
 }
+
+class UpperCaseTextFormatter extends TextInputFormatter {
+  @override
+  TextEditingValue formatEditUpdate(
+      TextEditingValue oldValue, TextEditingValue newValue) {
+    return TextEditingValue(
+      text: newValue.text.toUpperCase(),
+      selection: newValue.selection,
+    );
+  }
+}