Ajustar WebView width: 100% en React Native

Ajustar WebView width: 100% en React Native

Tiempo de lectura: < 1 minuto El plugin react-native-webview tiene un issue que no permite adaptar a pantalla al 100% mediante style. En este caso lo hemos instalado usando Expo. Hay que recordar también qué este plugin solo funciona en Android o iOS y no en Web. Por eso sí ponemos el style: Al ejecutarlo en un terminal no mostrará la … Leer más

Añadir cuenta de correo en OVH

Añadir cuenta de correo en OVH

Tiempo de lectura: 2 minutos Para crear una cuenta de correo en OVH primero vamos al menú de Correo Electrónico y elegimos el nombre de nuestro dominio. Ahora elegimos la configuración de Correo electrónico. Saldrá este menú y elegimos crear una dirección de correo electrónico: Rellenamos todos los campos con los datos necesarios para nuestra cuenta: Una vez creada, aceptamos … Leer más

Activar servidor SMTP (correo) gratis incluido con el dominio OVHCloud

Activar servidor SMTP (correo) gratis incluido con el dominio OVHCloud

Tiempo de lectura: 2 minutos Cuando compras un dominio en OVHCloud también se ofrece una cuenta de correo gratis dentro de su propio servidor SMTP. Para activar esta opción tenemos que abrir OVHCloud https://www.ovhcloud.com/es-es/ Abrimos el menú de Dominios y buscamos el nuestro: Seleccionamos nuestro Dominio: Vamos a dentro de información general. Pulsamos en Alojamiento y correo electrónico gratuitos. Y … Leer más

Solucionar problema Expo no ejecuta React Native en móvil o tablet Android

Solucionar problema Expo no ejecuta React Native en móvil o tablet Android

Tiempo de lectura: < 1 minuto Si al intentar cargar la aplicación en nuestro dispositivo Android mediante QR o cable se queda en bucle infinito cargando tenemos que abrir la aplicación crenado un Tunnel. Para ello introducimos el siguiente comando Esto nos creará un tunel entre el dispositivo y el PC para poder ejecutar la aplicación directamente. isMa Ingeniero en Informática, … Leer más

Pasar parámetros a un Screen o pantalla en React Native

Pasar parámetros a un Screen o pantalla en React Native

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

Creando Ventanas JavaScript (Objeto Window) 3/3

Creando Ventanas JavaScript (Objeto Window) 3/3

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

Navegar entre pantallas (screens) con React Native

Navegar entre pantallas (screens) con React Native

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

Creando Ventanas JavaScript (Objeto Window) 2/3

Creando Ventanas JavaScript (Objeto Window) 2/3

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

Borrar todos los packetes o plugins (dependencias) de npm en React o React Native

Borrar todos los packetes o plugins (dependencias) de npm en React o React Native

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

Creando Ventanas JavaScript (Objeto Window) 1/3

Creando Ventanas JavaScript (Objeto Window) 1/3

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