settimeout react native focus text input

Fancy Flamingo answered on July 21, 2021 Popularity 3/10 Helpfulness 1/10

answer settimeout react native focus text input

settimeout react native focus text input

Comment

Tip Fancy Flamingo 1 GREPCC

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

xxxxxxxxxx

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}

...

/>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: focus input javascript react-native settimeout text

Link to this answer
Share Copy Link

Contributed on Jul 21 2021

Fancy Flamingo

0 Answers Avg Quality 2/10

settimeout react native focus text input

Contents

More Related Answers

settimeout react native focus text input

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.