onSubmitEditing (feature request)

[timdemeyer]

Hello,

Is there any way to implement the input onSubmitEditing callback? Or a workaround to achieve this behaviour? So when you press the Enter/Next button, the focus moves to the next input field.

I have a registration form with multiple input fields and would like to apply this behaviour for my phone field, but I'm currently not able to achieve this.

Thanks in advance!

[cloudorbush]

It's possible using textInputProps:

const textInputProps={ onSubmitEditing: () => ref.current?.focus() }

return(
  <PhoneInput
    {...rest}
    textInputProps={textInputProps}
  />
)

[domoretrix]

doesn't work

[cloudorbush]

@domoretrix did you define and set the ref?

const ref = useRef(null)

return <TextInput ref={ref} />

[domoretrix]

yes. Only onBlur and onFocus works for textInputProps

[cloudorbush]

@domoretrix can you copy/paste your code here?

[domoretrix]

const textInputProps={ onSubmitEditing: () => tiRef.current?.focus() }

return(
  <PhoneInput
    {...rest}
    textInputProps={textInputProps}
  />
 <TextInput
   ref={tiRef}
 >
)

[cloudorbush]

Try this:

const tiRef = useRef(null)

const textInputProps={ 
  onSubmitEditing: () => tiRef.current?.focus() 
}

return(
<>
  <PhoneInput
    {...rest}
    textInputProps={textInputProps}
  />
 <TextInput
   ref={tiRef}
 />
</>
)

[domoretrix]

ya, i mean of course const tiRef = useRef(null). I omitted this line for showcase purposes. Point is, adding any other property than onBlur or onFocus on textInputProps does not work.

[domoretrix]

@10000multiplier sorry, you are actually right, your solution does work. I think my simulator is lagging a bit and sometimes it does not carry the changes, so that's why it was confusing for me.

[lduran1997]

Try this:

const tiRef = useRef(null)

const textInputProps={ 
  onSubmitEditing: () => tiRef.current?.focus() 
}

return(
<>
  <PhoneInput
    {...rest}
    textInputProps={textInputProps}
  />
 <TextInput
   ref={tiRef}
 />
</>
)

Where do you import this <TextInput /> ? Thanks!