isMa 
Tiempo de lectura: 3 minutos Hoy vamos a hacer un script que nos ayudará a editar el AndroidManifest.xml después de generar el build con React Native Expo para evitar permisos extras que añaden ciertas librerías. En mi caso quiero eliminar el permiso: Que añade automáticamente la librería de Expo Sensors. Para eliminarlo lo que haremos es generar un paso posterior … Leer más
Tiempo de lectura: 6 minutos Hoy vamos a aprender cómo podemos implementar Login de Google con Google Sign para React Native y que además es compatible con Expo. Vamos a utilizar la librería react-native-google-signin/google-signin Primero vamos a instalar la librería necesaria: Importante, para que la librería funcione debes tener una APP nativa. (Aquí te enseño cómo generar un build de … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos instalar Vitest en un entorno de React con Vite. Lo primero que haremos es instalar Vitest: Después instalaremos las librerías necesarias: Ahora vamos a crear la estructura de carpetas para los tests, fuera de nuestra carpeta src: Y dentro de componentes vamos a crear un componente de ejemplo para … Leer más
Tiempo de lectura: 4 minutos Los enlaces profundos nos permiten abrir secciones de nuestra APP utilizando un link o url. Primero vamos a implementar los deep links en Android. Para ello: Vamos a app.json y añadimos: Suponiendo que la url que queremos abrir es https://myapp.com/main. Para obtener el contenido de la URL abierta añadimos dentro de nuestra pantalla de navegación … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos integar prubas con Jest que nos permitan testear los componentes React creados. Lo primero que tenemos que hacer es instalar Jest: Instalamos testing-library/jest-dom: Instalamos ts-jest Instalamos: Instalaremos React testing library: O si usamos TypeScript: Además para typescript: Ahora vamos a crear la estructura de carpetas para nuestras pruebas con … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a ver cómo podemos cargar una aplicación Android en modo pantalla completa. Para ello tendremos que ir a nuestro MainActivity y añadir el siguiete código: Java: Kotlin: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a implementar el modo Inmersivo para Android en una APP desarrollada con Expo React Native. El modo inmersivo nos permite poner una aplicación en modo pantalla completa en Android. Primero vamos a instalar las librerias necesarias: Expo navigation bar: Expo status bar: Y ahora para ocultar la barra de estado y navegación añadimos … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos transformar un vector XML de Android a un vector en formato SVG usando la línea de comandos. Con el vector en SVG podremos utilizarlo tanto en React, Flutter o Web. Lo primero que haremos es instalar esta librería (si queremos podemos usar la web): Una vez instalada la vamos … Leer más
Tiempo de lectura: < 1 minuto Vamos a ver cómo podemos solucionar el error que nos muestra el statusbar cuando mostramos un modal en React Native. Para solucionar este bug, tenemos que añadir la siguiente propiedad en nuestro modal: Y ahora se mostrará en pantalla completa: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos restaurar a una configuración anterior de VSCode nuestro archivo settings.json, extensiones, configuración de UI etc… Para realizar esta restaruación tenemos que abrir los comandos de VSCode: Windows: Mac: Una vez abierto, buscamos Settings sync: Show Synced Data o Sincronización de configuración: Mostrar datos sincronizados Dentro de la lista de … Leer más
