CODEWITHSUNDEEP
keyboardreact-nativeios-simulator
JV Lobo
JV Lobo

Reputation: 6316

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.

Upvotes: 69

Views: 45774

Answers (3)

Nitin
Nitin

Reputation: 654

If the keyboard is not popping on click of TextInput then just tap on the iOS simulator and press cmd + k. After that, it will be showing every time you tap on the TextInput.

Upvotes: 7

Abdullah
Abdullah

Reputation: 553

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 Image shows how to disconnect your hardware keyboard from iOS simulator

Upvotes: 23

jevakallio
jevakallio

Reputation: 35890

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.

Upvotes: 270

Related Questions