How to get which key was pressed in react-native app, while take input in text box?

Question

I have been trying to make chips of the input on pressing "enter" by user. How could I achieve that in react-native environment? I am trying to use "onKeyPress" event but not providing solution.

Here is my code:

<Input style={formCSS.textFieldInput} onKeyPress={(keyPress) => console.log(keyPress)} placeholder='Hobbies' />

Picture of desired result

Milore · Accepted Answer · 2019-02-06 07:57:52Z

2

According to doc, onKeyPress

Callback that is called when a key is pressed. This will be called with { nativeEvent: { key: keyValue } } where keyValue is 'Enter' or 'Backspace' for respective keys and the typed-in character otherwise including ' ' for space. Fires before onChange callbacks. Note: on Android only the inputs from soft keyboard are handled, not the hardware keyboard inputs.

So you should use it like

onKeyPress={(e) => console.log(e.nativeEvent.key)}

answered Feb 6, 2019 at 7:57

Milore

1,6721 gold badge18 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get which key was pressed in react-native app, while take input in text box?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related