Saltar al contenido principal

Manejo de Entrada de Texto

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

TextInput es un Componente Básico que permite al usuario ingresar texto. Tiene una prop onChangeText que recibe una función para llamar cada vez que el texto cambia, y una prop onSubmitEditing que recibe una función para llamar cuando se envía el texto.

Por ejemplo, imagina que mientras el usuario escribe, traduces sus palabras a otro idioma. En este nuevo idioma, cada palabra se escribe igual: 🍕. Así, la frase "Hello there Bob" se traduciría como "🍕 🍕 🍕".

En este ejemplo, almacenamos text en el estado porque cambia con el tiempo.

Hay muchas más acciones que puedes realizar con una entrada de texto. Por ejemplo, podrías validar el texto mientras el usuario escribe. Para ejemplos más detallados, consulta la documentación de React sobre componentes controlados o la documentación de referencia para TextInput.

El TextInput es una de las muchas formas en que los usuarios interactúan con tu aplicación. Para ver ejemplos de otros métodos para manejar entradas, consulta la documentación sobre cómo manejar toques.

Ahora veamos el ScrollView, otro Componente Básico.