Embedded Files
En este tutorial se muestra cómo crear un proceso reutilizable para limpiar campos de texto en una aplicación.
Es un proceso sencillo, pero muy útil para ahorrar tiempo cuando trabajas con formularios, filtros o login.
La idea principal es:
👉 No repetir la misma lógica en cada pantalla
👉 Crear una función que puedas copiar y reutilizar en cualquier proyecto
🎯 Objetivo del proceso
🎯 Objetivo del proceso
Cuando un usuario escribe datos en un formulario (correo, contraseña, filtros, etc.), esos datos no se borran automáticamente al cambiar de pantalla.
Esto puede causar problemas como:
Campos que quedan llenos al regresar
Filtros que siguen activos
Mala experiencia de usuario
💡 Solución: crear una función que limpie los campos automáticamente.
🪜 Paso a paso
🪜 Paso a paso
1️⃣ Crear un ejemplo de formulario
1️⃣ Crear un ejemplo de formulario
Primero se simula una app con campos como:
Correo
Contraseña
Buscador
Filtros
Cuando el usuario inicia sesión o busca algo, los datos quedan guardados.
Por eso necesitamos un botón o proceso que limpie los campos.
⚠️ Problema: el botón por sí solo no limpia los inputs.
2️⃣ Asignar nombres claros a los campos ✏️
2️⃣ Asignar nombres claros a los campos ✏️
Antes de programar, es importante nombrar correctamente los elementos.
Ejemplos:
correo
password
buscador
🔎 ¿Por qué es importante?
Porque cuando hay muchos campos, es difícil encontrarlos si todos tienen nombres genéricos.
👉 Usa nombres claros y específicos siempre.
3️⃣ Validar los campos (opcional)
3️⃣ Validar los campos (opcional)
Antes de limpiar, normalmente se valida:
Que el campo tenga texto
Que el correo tenga formato correcto
Que el filtro tenga datos
Esto depende del flujo de tu app.
4️⃣ Usar “Modify Control” para limpiar el campo 🧼
4️⃣ Usar “Modify Control” para limpiar el campo 🧼
Se utiliza una acción llamada Modify Control.
Lo que hace:
Modifica el valor del campo
Le envía un valor vacío
El texto se borra automáticamente
Ejemplo:
Campo = correo
Nuevo valor = vacío
➡️ Resultado: el campo se limpia
💡 También puede volver a colocar el cursor en el campo.
5️⃣ Convertirlo en una función reutilizable 🔁
5️⃣ Convertirlo en una función reutilizable 🔁
En lugar de copiar el proceso muchas veces, se crea una función.
¿Qué recibe la función?
¿Qué recibe la función?
Un input llamado:
field
Ese input será el campo que queremos limpiar.
6️⃣ Configurar la función
6️⃣ Configurar la función
Dentro de la función:
Se usa modify control
Se envía un valor vacío
Se modifica el campo recibido como input
⚠️ Importante:
No se selecciona el campo directamente.
Se usa la variable enviada a la función.
Esto permite reutilizarla en cualquier pantalla.
7️⃣ Llamar la función desde un botón 🔘
7️⃣ Llamar la función desde un botón 🔘
Cuando quieras limpiar un campo:
Llamas la función
Envías el campo como parámetro
Se limpia automáticamente
Ejemplo:
Limpiar correo
Limpiar contraseña
Solo cambias el campo que envías.
8️⃣ Usar la función en otras apps 📦
8️⃣ Usar la función en otras apps 📦
La función se puede copiar entre proyectos.
Pasos:
Copiar el ID del proceso
Ir a la sección de procesos
Pegar el ID
Clonar el proceso
Listo ✅
Ya puedes usar la función en otra app sin rehacerla.
🚀 Ventajas de este método
🚀 Ventajas de este método
✨ Evita repetir código
✨ Ahorra tiempo
✨ Mejora la organización
✨ Permite reutilizar procesos
✨ Escalable para apps grandes
Aunque es un proceso simple, al repetirse muchas veces se vuelve tedioso.
Por eso conviene encapsularlo en una función.
🧠 Cuándo usar esta función
🧠 Cuándo usar esta función
Úsala cuando tengas:
Formularios de login
Buscadores
Filtros
Registros
Cualquier campo de texto
Cada vez que necesites limpiar inputs rápidamente.
❓ Dudas comunes
❓ Dudas comunes
🤔 ¿Es un proceso difícil?
🤔 ¿Es un proceso difícil?
No. Es sencillo, pero repetitivo.
🤔 ¿Por qué hacerlo como función?
🤔 ¿Por qué hacerlo como función?
Para reutilizarlo en múltiples proyectos.
🤔 ¿Se puede usar con varios campos?
🤔 ¿Se puede usar con varios campos?
Sí. Solo envías cada campo a la función.
🏁 Conclusión
🏁 Conclusión
En este tutorial aprendiste a crear una función reutilizable para limpiar campos de texto en una app.
Aunque es una función básica, es muy útil para:
Optimizar tiempo
Mantener orden
Reutilizar procesos
En futuros tutoriales se crearán funciones más complejas, pero esta es perfecta para empezar.
Síguenos para más contenido de desarrollo y no-code
Web: https://www.lionsoft.app/
TikTok: TikTok - Make Your Day
Facebook: LionSoft - Casa de desarrollo | San Francisco CA
Telegram: @lionsoftapp
Page updated
Google Sites
Report abuse