Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6287

Set focus on next TextInput when user used Autofill

$
0
0

Is there a way in React Native to shift focus if the user used Autofill for a TextInput?

For example I have two TextInputs, one for firstname and one for lastname. If the user press "John" from the autofill suggestion, I would like the focus to shift to the other input for the lastname to prevent having to click "Next" or actively click on the next input.

Example code:

<TextInput    ref={firstNameRef}    textContentType='givenName'    returnKeyType='next'    blurOnSubmit={false}    onSubmitEditing={() => lastNameRef.current?.focus()}/><TextInput    ref={lastNameRef}    textContentType='familyName'/>

So I know my onSubmitEditing() handles the shift of focus when the user press "Return/Next", and I was hoping Autofill would trigger this as well, but it doesn't of course. I also tried it with onEndEditing={() => lastNameRef.current?.focus()} but it doesn't get triggered by Autofill either.

Is what I'm trying to do possible in React Native, and is it only iOS specific? Because I know the 'textContentType' is for iOS, but I would love for a solution for Android as well if there is one.


Viewing all articles
Browse latest Browse all 6287

Trending Articles