Tiempo de lectura: 2 minutos Las pantallas en React Native funcionan como propios objetos que se construyen con distintos componentes. En este ejemplo voy a enseñaros cómo crear un Screen. Primero creamos una carpeta screens dónde vamos a meter las pantallas y dentro de esta carpeta creamos un archivo .js llamado Login.js. Dentro del archivo Login.js vamos a tener lo … Leer más
Tiempo de lectura: < 1 minuto Si queremos cambiar el contenido de un Text utilizando React Native (hacer un setText) podemos utilizar el siguiente código que voy a explicar. Ahora voy a explicar el código. Primero se crea una constante de estados, primero indica el parámetro con el texto (texto) y el segundo atributo (setText) es la función para cambiar el … Leer más
Tiempo de lectura: < 1 minuto Sí queremos obtener datos desde un servidor remoto, podemos utilizar el siguiente código: Primero se crean los headers que podamos utilizar: Después las opciones de la petición: En este caso indicamos que es un GET y que tiene los headers creados antes. Y ahora lanzamos la petición: Se indica la URL dónde está el recurso … Leer más
Tiempo de lectura: 3 minutos React Native funciona con componentes, ¿Qué quiere decir esto? Pues que cada elemento representa un objeto con su vista, propiedades y métodos. Un objeto es una caja negra, dónde tú introduces una entrada y devuelve una salida, independientemente de lo que contenga o no. Os voy a explicar cómo crear un componente de ejemplo en … Leer más
Tiempo de lectura: < 1 minuto Sí queremos obtener el valor de un TextInput en React Native primero tenemos que añadir el TextInput de la siguiente forma: Primero creamos la variable email dónde se va a guardar el texto que escriba el usuario dentro del TextInput. var email; Ahora, para rellenar la variable utilizamos el método onChangeText y asignamos el texto … Leer más
Tiempo de lectura: 2 minutos Para poder comunicarnos con nuestro servidor remoto (backend) utilizando React Native, tendremos que realizar una llamada asíncrona. En este ejemplo, voy a enviar datos en un objeto FORM utilizando el método fetch de Javascript. Primero creamos los headers var myHeaders = new Headers();myHeaders.append(«Content-Type», «application/x-www-form-urlencoded»); En este caso indicamos que vamos a enviar un FORM (cómo … Leer más
Tiempo de lectura: < 1 minuto Si queremos añadir dependencias en React o React Native y además tenerlas guardadas en el fichero package.json haremos lo siguiente: Ponemos npm install para invocar al instalador de nopm, seguido de la libreria que queremos instalar y añadimos –save. Esto hará que la librería se añada en package.json dentro de «dependencies». Para aplicarlo por ejemplo … Leer más
