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: 2 minutos Buenas, continuamos con el objeto window de JavaScript. En este tutorial, continuando con el anterior Creando Ventanas JavaScript (Objeto Window) 2/3, lo que queremos plasmar en el funcionamiento es lo siguiente: En este último ejemplo lo que hacemos es lo siguente, comentamos todo el código y lo unico que dejamos, es esta linea: Lo 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: 2 minutos Buenas a todos, Continuando con el post anterior Creando Ventanas JavaScript (Objeto Window) 1/3, en este caso lo único que vamos a añadir es que aparezca un botón, que haga la misma función que hace la crucecita de la propia ventana, es decir, cerrar la ventana actual. Si pulsamos en «cerrar ventana» nos cierra la … 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.
Tiempo de lectura: 2 minutos Buenas tardes, Hoy os voy a explicar un poco que es el objeto window en JavaScript, las propiedades que tiene y todo lo que podemos jugar con el para crear ventanas (windows). ¿Qué representa el objeto Window? El objeto window representa una ventana en el navegador, y es el elemento raíz de la estructura de … 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: < 1 minuto Si tenemos espacio suficiente en el disco y aun así salen errores como No space left on device o Write failed. Lo primero que tenemos que hacer es comprobar si hay espacio en la máquina con el comando: Como podemos ver, hay disponible un 30% de espacio y utilizado un 70%. Por lo que el … Leer más
Tiempo de lectura: 3 minutos Continuando con los tutoriales sobre Docker (https://devcodelight.com/category/docker) y partiendo del último post Crear un contenedor Docker Compose con Apache + PHP + MySQL (XAMP con Docker) Podemos añadir un contenedor Docker que nos sirva para añadir SSL usando cerbot (https://hub.docker.com/r/certbot/certbot/) qué además es compatible con Apache o Nginx (contenedor independiente). Vale para tu dominio o … 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
