0
226
ViewsReact Native & TypeScript : Property 'focus' does not exist on type 'RefObject<TextInput>'
That's what I am doing:
declare passCodeInput: React.RefObject<TextInput>;
But here's an issue that I am getting while trying to call focus method:
setTimeout(() => this.passCodeInput.focus());
I call focus on current, like, this.passCodeInput.current!.focus()) but this won't work in my case.
·
Juan Pablo Isaza
1 answers
Answer question0
You can use ref like below:
import React, { useRef } from 'react'
...
const MyFormComponent = () => {
const ref_input2 = useRef();
const ref_input3 = useRef();
return (
<>
<TextInput
placeholder="Input1"
autoFocus={true}
returnKeyType="next"
onSubmitEditing={() => ref_input2.current.focus()}
/>
<TextInput
placeholder="Input2"
returnKeyType="next"
onSubmitEditing={() => ref_input3.current.focus()}
ref={ref_input2}
/>
<TextInput
placeholder="Input3"
ref={ref_input3}
/>
</>
)
}
Hope it will help you!
·
Juan Pablo Isaza
Report
Answer question