search

tttstudios / react-native-otp-input

Tiny Javascript library which provides an elegant UI for user to input one time passcode.
MIT License
530 stars 239 forks source link

Numeric keypad doesnot showup in iPhone 7 emulator #78

Open mrinal-roy opened 4 years ago

mrinal-roy commented 4 years ago

My npx react-native info gives as below:

System: OS: macOS Mojave 10.14.5 CPU: (4) x64 Intel(R) Core(TM) i5-8210Y CPU @ 1.60GHz Memory: 23.68 MB / 8.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 12.14.0 - /usr/local/bin/node npm: 6.13.4 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1 IDEs: Android Studio: 3.5 AI-191.8026.42.35.6010548 Xcode: 11.2.1/11B500 - /usr/bin/xcodebuild npmPackages: react: 16.9.0 => 16.9.0 react-native: 0.61.5 => 0.61.5

The OTP screen with keyboard of type numeric is expected but is not showing up.

<OTPInputView pinCount={OTP_LENGTH}
                                        style={{fontSize: 24, height: "60%", paddingHorizontal:2}}
                                        keyboardType="numeric"
                                        onCodeFilled={(code => this.updateOTPDetails(code, "OTPMessage"))} 
                                        codeInputFieldStyle={styles.underlineStyleBase}
                                        codeInputHighlightStyle={styles.underlineStyleHighLighted}
                                        autoFocusOnLoad={true}
                                        onCodeChanged={eachEntry => this.checkEachOTPInput(eachEntry)}
                                    />

Please help to get the same.

ghost commented 4 years ago

I have similar issue, I'm not able to input anything at all in my ios emulator. found any fix? @mrinal-roy-au2

ghaschel commented 2 years ago

cmd + k to enable the virtual keyboard should do the trick