react-native-otp-inputs icon indicating copy to clipboard operation
react-native-otp-inputs copied to clipboard

Touchable area is too short.

Open lovelytingy opened this issue 3 years ago • 0 comments

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-otp-inputs/src/OtpInput.tsx b/node_modules/react-native-otp-inputs/src/OtpInput.tsx
index d8a2453..9b6278c 100644
--- a/node_modules/react-native-otp-inputs/src/OtpInput.tsx
+++ b/node_modules/react-native-otp-inputs/src/OtpInput.tsx
@@ -61,9 +61,14 @@ const OtpInput = forwardRef<TextInput, Props>(
       [inputValue, rest],
     );
 
+    const handleOnPress = () => {
+        (ref as RefObject<TextInput>)?.current.focus()
+        return true
+      }
+
     return (
       // @ts-expect-error
-      <View style={[inputContainerStyles, focused && focusStyles]}>
+      <View style={[inputContainerStyles, focused && focusStyles]} onStartShouldSetResponderCapture={handleOnPress} >
         {/* @ts-expect-error */}
         <TextInput
           autoFocus={autoFocus}

This issue body was partially generated by patch-package.

lovelytingy avatar Oct 26 '22 07:10 lovelytingy