/Javascript/React/Settimeout react native focus text input

Settimeout react native focus text input

const inputRef = useRef(null)

In onSubmitEditing prop, include this:

setTimeout(() => inputRef.current.focus(), 250);

Ex:

const onEnterKeyPressed = () => {
  	...
	setTimeout(() => inputRef.current.focus(), 100);	
   	...
}
<TextInput
	...
    onSubmitEditing={onEnterKeyPress}
	...
/>

Source: stackoverflow.com

Similar codes

2 votes244 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
-1 vote221 views1 answer
React grid
Javascript React
0 vote238 views2 answers
How to render a component multiple times in react
Javascript React
35 votes254 views6 answers
Create react app with tailwind
Javascript React
0 vote258 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote255 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
15 votes225 views4 answers
Get query params react
Javascript React
6 votes252 views2 answers
React native spinner
Javascript React
3 votes353 views2 answers
Center an element react native
Javascript React
0 vote250 views1 answer
Disable enter on input field react
Javascript React