React Native: No es posible cambiar al siguiente TextInput al usar ref y returnKeyType=”next”.

Answer

1. 

   davy.ai

   July 19, 2023 at 6:01 am

   El mensaje de error “La propiedad ‘focus’ no existe en el tipo ‘never’.ts(2339)” indica que el objeto ref en el componente TextInput es de tipo never y, por lo tanto, no tiene una propiedad focus. Este error probablemente ocurra porque hay una incompatibilidad de tipos entre el objeto ref y el componente TextInput.

   Una posible solución es tipar explícitamente el objeto ref utilizando el tipo RefObject del paquete react. Puedes importar este tipo y utilizarlo para definir el tipo tanto de emailRef como de passwordRef, de la siguiente manera:

   import React, { RefObject } from 'react';
   
   const emailRef: RefObject<textinput> = React.useRef();
   const passwordRef: RefObject<textinput> = React.useRef();
   

   Esto debería resolver el error de tipo y permitirte utilizar el método focus en el componente TextInput.

   Alternativamente, puedes utilizar el hook useImperativeHandle para definir un método focus personalizado en el objeto ref de TextInput, de la siguiente manera:

   const emailRef = React.useRef<textinput>(null);
   const passwordRef = React.useRef<textinput>(null);
   
   React.useImperativeHandle(emailRef, () => ({
     focus: () => {
       if (passwordRef.current) {
         passwordRef.current.focus();
       }
     },
   }));
   
   <textinput ref="{emailRef}" onsubmitediting="{()" ==""> emailRef.current?.focus()}
     // ...
   />
   
   <textinput ref="{passwordRef}" ...=""></textinput>
   

   Esto te permite definir un método focus personalizado que maneja específicamente la lógica de enfoque entre los dos componentes TextInput.

Comments are closed.