Search code examples
keyboardreact-nativeios-simulator

Input text doesn't show keyboard on iOS simulator

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:

enter image description here

I hope you guys can help me with this issue.

Solution

  • 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.