Tiempo de lectura: < 1 minuto Si queremos pasar parámetros entre pantallas con React Native tenemos que hacer lo siguiente. Primero en la pantalla dónde hemos creado el NavigationContainer (puede ser un Tab Navigator o Stack Navigation). Buscamos el Screen al que queremos pasar parámetros y añadimos lo siguiente: Y para recogerlo en la pantalla en este caso Perfil.js. Tendremos que … Leer más
Tiempo de lectura: 3 minutos En React Native cada pantalla es un objeto apilable que se va añadiendo en la parte superior de la pila. Es decir, que si abrimos una pantalla y luego la cerramos, la pantalla que aparece es la pantalla que teníamos abierta anteriormente. Para poder manejar pantallas vamos a utilizar el plugin de react-navigation (https://reactnative.dev/docs/navigation). Primero … Leer más
Tiempo de lectura: < 1 minuto Si queremos borrar las dependencias instaladas a nivel de proyecto (no global) dentro de nuestro proyecto de React tenemos que hacer lo siguiente: Borrar la carpeta llamada node_modules.rm node_modules Borrar package-lock.json:rm package-lock.json Ahora si queremos reinstalar de nuevo las dependencias tendremos que ejecutar Y de esta forma podemos restaurar las dependencias de nuestro proyecto. isMa … Leer más
Tiempo de lectura: < 1 minuto Si al instalar un paquete nos sale un texto de error como este: npm WARN config global –global, –local are deprecated. Use –location=global instead.npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @react-navigation/stack@6.2.2npm ERR! Found: @react-navigation/native@5.9.8npm ERR! node_modules/@react-navigation/nativenpm ERR! @react-navigation/native@»^5.9.8″ from the root projectnpm ERR!npm ERR! Could not resolve dependency:npm ERR! … Leer más
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
