CaioQuirinoMedeiros / react-native-currency-input

A simple currency input component for both iOS and Android
https://www.npmjs.com/package/react-native-currency-input
MIT License
158 stars 25 forks source link

Add caretSize prop for FakeCurrencyInput #19

Open shamshiranees opened 2 years ago

shamshiranees commented 2 years ago

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch react-native-currency-input@1.0.1 for the project I'm working on.

I had made some changes for using caretSize for FakeCurrencyInput. Hope this may help somebody

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-currency-input/lib/typescript/.DS_Store b/node_modules/react-native-currency-input/lib/typescript/.DS_Store
new file mode 100644
index 0000000..65753b2
Binary files /dev/null and b/node_modules/react-native-currency-input/lib/typescript/.DS_Store differ
diff --git a/node_modules/react-native-currency-input/lib/typescript/src/.FakeCurrencyInput.d.ts.swp b/node_modules/react-native-currency-input/lib/typescript/src/.FakeCurrencyInput.d.ts.swp
new file mode 100644
index 0000000..45e8a85
Binary files /dev/null and b/node_modules/react-native-currency-input/lib/typescript/src/.FakeCurrencyInput.d.ts.swp differ
diff --git a/node_modules/react-native-currency-input/src/FakeCurrencyInput.tsx b/node_modules/react-native-currency-input/src/FakeCurrencyInput.tsx
index 98827b1..f23fff8 100644
--- a/node_modules/react-native-currency-input/src/FakeCurrencyInput.tsx
+++ b/node_modules/react-native-currency-input/src/FakeCurrencyInput.tsx
@@ -18,6 +18,7 @@ const FakeCurrencyInput = React.forwardRef<TextInput, FakeCurrencyInputProps>(
       containerStyle,
       caretHidden,
       caretColor,
+      caretSize,
       selectionColor,
       onFocus,
       onBlur,
@@ -32,7 +33,7 @@ const FakeCurrencyInput = React.forwardRef<TextInput, FakeCurrencyInputProps>(
         <TextWithCursor
           style={style}
           cursorVisible={focused && !caretHidden}
-          cursorProps={{ style: { color: caretColor || selectionColor } }}
+          cursorProps={{ style: { color: caretColor || selectionColor,fontSize:caretSize } }}
         >
           {formattedValue}
         </TextWithCursor>
diff --git a/node_modules/react-native-currency-input/src/props.ts b/node_modules/react-native-currency-input/src/props.ts
index d9b56ee..a24f0d9 100644
--- a/node_modules/react-native-currency-input/src/props.ts
+++ b/node_modules/react-native-currency-input/src/props.ts
@@ -120,6 +120,7 @@ export interface FakeCurrencyInputProps extends CurrencyInputProps {
    * Color of the caret. Defaults to #6495ed
    */
   caretColor?: string;
+  caretSize?:number;
 }

 export interface TextWithCursorProps extends TextProps {

This issue body was partially generated by patch-package.