isMa 
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, me encanta crear cosas o arreglarlas y darles una nueva vida. … 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
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir una respuesta háptica en un botón usando React Native con Expo. Una respuesta háptica en un botón es una retroalimentación táctil que proporciona un dispositivo cuando presionas un botón o realizas alguna acción táctil sobre él. En lugar de simplemente pulsar un botón y no recibir ningún tipo … Leer más
Tiempo de lectura: < 1 minuto Hoy aprenderemos cómo podemos añadir una fuente personalizada (Font) usando React Native con Expo. Lo primero que tenemos que hacer es descargar nuestra fuente, por ejemplo de https://fonts.google.com/ Ahora la guardaremos dentro de assets/fonts Ahora iremos a nuestro entry point, en mi caso es app.tsx Usaremos expo-font Si queremos cargarla de forma nativa: Con esto … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos añadir una fuente personalizada Font a nuestro proyecto de aplicación con React Native. Lo primero que tenemos que hacer es descargar una fuente, podemos utilizar esta web: https://www.dafont.com/es/ Puedes descargar el formato .ttf o .otf Importante: Recomiendo que reviseis las licencias de las fuentes descargadas para evitar sorpresas. Guardamos … Leer más
Tiempo de lectura: 2 minutos La optimización de imágenes es un punto muy importante a la hora de desarrollar una APP. Con la librería react-native-fast-image conseguiremos cargar las imágenes de forma rápida y sencilla. Lo primero que haremos es instalar esta librería: Una vez instalada, vamos a crear un componente que nos permitirá cargar cualquier tipo de imagen usando esta … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos internacionalizar y añadir multi lenguaje a una APP en React Native y usando TypeScript. Lo primero que haremos es instalar i18n: Una vez instalado, creamos una carpeta llamada language y dentro creamos un archivo i18next.ts Este archivo determinará automáticamente el idioma seleccionado en el dispositivo. El idioma por defecto … Leer más
Tiempo de lectura: 3 minutos Si queremos compartir la pantalla de nuestro movil con nuestro ordenador, tenemos varias opciones entre ellas se encuentra SCRCPY. SCRCPY es un programa en código abierto que puedes descargar de GitHub y te ayuda a compartir la pantalla de tu dispositivo Android con tu PC. Me encanta este programa ya que ofrece lo siguiente: Parece … Leer más
