Función: "Focus on next input field". (UX/UI)

:exploding_head: ¿Y eso, qué es?, mejor te explico con un gif:
8KzaN
Así es, la explicación sería: Ir de un Field A a un Field B, etc. utilizando la opción next del teclado de la App.


Paso 1:
Renombra tus imputs desde “control name” en la pestaña de data. Sí ya viste el tutorial del "Auto focus" este tutorial es complemento de ese. :eye: es importante que en Keyboard return key type: Tengas seleccionada la opción de next.

Paso 2:


Vas a elegir tu field A y vas a colocar la siguiente configuración


Data to send: Boolean True


Element: El field B (Vamos a ir del field A al field B)


Property to modify: focus

:eye: Repite estos pasos para ir de Field A a B a C, etc. y ¡Listo!

4 Likes

Lo estaba haciendo en mi App y me funciono, muchas gracias, solo una pregunta: El evento “On Change” debe de ir con la función Regex Test? @brendsliliana

1 Like

¡Qué bueno que el tutorial te sirvió!. Sobre el evento “On change”, te refieres a un regex test ¿Para hacer una válidación?. Por qué si es así el evento iría en tu botón (En un Onpress). Sí esto no resuelve tu duda avisame por favor y generamos un pequeño tutorial de esto.

1 Like

Te dejo el tutorial de validación de campos: ¿Cómo hacer una validación de un campo en un formulario?

1 Like

Muy agradecido, con esto me quedo mas que claro.

Bendiciones!

1 Like

Hola gracias por la explicacion! Me gustaria saber como se podria hacer esta funcion de pasar de un campo A a un Campo B, pero que se encuentra en otra pagina. Por ejemplo en el Sign Up que muestro en la foto es de a un campo por pagina. Muchas Gracias!

Hola @Osiris_Chamorro, puedes hacer lo siguiente:

En el “OnSubmitEditing” de Field de la primera pagina, puedes colocar un Push Screen a la siguiente pagina, como muestro en la captura:

image

Y en la pagina 2, en el On Load, haces un Modify, para hacer Focus al Field de la pagina 2, como muestro en la captura:

image

De esta manera, podrás recrear el salto de focus de una pagina a otra.

1 Like

Buenisimo! Me funciono! Muy bien explicado! Muchas gracias. Lo bueno de explicar bien las cosas es que despues no te vuelven a preguntar!

1 Like

Creo que no se puede hacer compañero, porque no puede guardar la info, de la pagina anterior para hacer el Sign UP

Pero estoy viendo que no hice el focus, lo probare!

Ese error no creo que sea por lo que estas haciendo en la imagen que me muestra. Intenta refrescar la pagina, eliminando cache, y vuelves a probar.