I'm building an app and I need to use an input text.
The problem comes when you tap on this input text, the keyboard doesn't appear.
I don't know why, I don't know what I'm doing wrong. It is supposed to be straightforward.
Here is some of my code:
<View style={ styles.storyContentContainer }> <TextInput ref='username' style={{width: 300, height: 20, borderWidth: 1,}}/> </View>
And a video to show to you guys when the input text gets the focus nothing happen:
I hope you guys can help me with this issue.
Just press ⌘K it will toggle keyboard.
Tap in a text field. Tap the "hide keyboard" button in bottom-right corner. Tap to another text field.
Run your app in iOS Simulator (for more information on how to do this, see Simulator User Guide). In the simulated device environment, press the Home button to reveal the Home screen. Open Settings and go to General > Accessibility. Slide the Accessibility Inspector switch control to On.
You'll need to go to Settings > Advanced and check the Show Debug Menu option. Then you'll see the option to open the web inspector for the Simulator right from that menu. With the Web Inspector open, you can debug inside the Simulator just like you could right in a desktop browser with DevTools.
I assume you are running this on the iOS simulator? Turn off the host machine's hardware keyboard integration by unchecking Hardware > Keyboard > Connect Hardware Keyboard
, or you can use the Keyboard Shortcut: Shift + Cmd + K, and the keyboard will appear when you focus on a TextInput
.
You can also manually toggle the software keyboard visibility with Cmd +K.
On a real device the keyboard should work out-of-the-box as expected.
Here is how you can easily disconnect your hardware key board. Now when you will focus inside textInput area, it will open the keypad of iOS simulator
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With