How to open keyboard automatically in React Native?

Question

I have a screen in my React Native application in which I have few text fields.

I was wondering if there is any way in which on screen load my keyword opens automatically and focuses on my first text input field?

I was searching for something like stateAlwaysVisible in android.

Answer 1

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)

Answer 2

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} /> }