How to open keyboard automatically in React Native?
My way (there was a problem with focusing and showing a keyboard on component render)
import { InteractionManager, TextInput } from 'react-native';
...
inputRef = React.createRef();
componentDidMount() {
this.focusInputWithKeyboard()
}
focusInputWithKeyboard() {
InteractionManager.runAfterInteractions(() => {
this.inputRef.current.focus()
});
}
render() {
<TextInput ref={this.inputRef} />
}
The keyboard should open automatically when a <TextField />
is focused. You can use the autoFocus
prop to make it focus when the element mounts (link)
This trick worked for me
setTimeout(() => InputRef.current.focus(), 100)