Focus text fields while clicking next

[sritharIOS]

Hi Author,

Can you please guide me that how to implement the focus text field while clicking the next button?

[Cnilton]

Hi @sritharIOS, sure!

To achieve that you need to declare a ref and pass it to the input, like so:

import { useRef } from 'react';
import { View } from 'react-native';
import { FloatingLabelInput } from 'react-native-floating-label-input';

export const YourFunction () => {

  const inputRef1 = useRef(null);
  const inputRef2 = useRef(null);

  return (
    <View>

      <FloatingLabelInput
         // ...all your other props
         ref={inputRef1}
         onSubmitEditing={() => inputRef2?.current?.focus() }
       />

       <FloatingLabelInput
         // ...all your other props
         ref={inputRef2}
       />

    </View>
 )
}