Блог

У меня есть экран OTP, я добавил ссылку в первое TextInput поле, чтобы при загрузке экрана он фокусировался:

 // ref
const pin1 = useRef();

// navigation listener
navigation.addListener('focus', () => {
     pin1.current.focus();
})
  

Но он возвращает ошибку:
TypeError: undefined is not an object (evaluating 'pin1.current.focus')

Этот код работает довольно хорошо:

 navigation.addListener('focus', () => {
     alert('Hello')
})
  

Я думаю, вам следует использовать autoFocus={true} с вашим TextInput you, когда вы открываете экран, ваш TextInput автоматически фокусируется.

Проверьте автофокусировку

Вы должны проверить текущий объект перед вызовом любой функции.

 navigation.addListener('focus', () => {
      if (pin1.current) {
        pin1.current.focus();
      }
    });
  

Встроить прослушиватель в useEffect

 React.useEffect(() => {
    const unsubscribe = navigation.addListener('focus', () => {
      navigation.addListener('focus', () => {
        pin1.current.focus();
     })
    }
    return unsubscribe;
  }, [navigation, pin1]);
  

также

 <TextInput ref={pin1} />