Crear fuente (Font) personalizada para APP React Native con Expo

Crear fuente (Font) personalizada para APP React Native con Expo

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

Añadir i18next para internacionalizar una APP React Native + Expo usando TypeScript

Añadir i18next para internacionalizar una APP React Native + Expo usando TypeScript

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

Aplicar un parche, comando o instalación de dependencia al generar un build con Expo en React Native

Aplicar un parche, comando o instalación de dependencia al generar un build con Expo en React Native

Tiempo de lectura: < 1 minuto Voy a explicar cómo puedes ejecutar la instalación de un paquete npm con flags o cualquier otro comando al generar un build con React Native: En este caso necesitamos aplicar esta instalación de dependencia: Paso 1: Crea un archivo .npmrc Primero crea en la raíz un archivo llamado .npmrc con este contenido: Paso 2: Agregar … Leer más

Solucionar error pod install fails with use_expo_modules! config = use_native_modules!

Solucionar error pod install fails with use_expo_modules! config = use_native_modules!

Tiempo de lectura: < 1 minuto Hola, hoy vamos a solucionar el error que aparece al intentar crear un build de iOS en la versión de react native 72 / Expo 48. El error es el siguiente: Para solucionarlo hay que seguir estos pasos: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y … Leer más

Deshacer un parche aplicado con patch-package en React Native

Deshacer un parche aplicado con patch-package en React Native

Tiempo de lectura: 2 minutos Para eliminar un parche que has aplicado previamente usando patch-package, sigue estos pasos: Reemplaza [nombre-del-paquete] con el nombre del paquete para el cual deseas deshacer el parche. Por ejemplo, si el parche fue aplicado a react-native, ejecutarías: Este comando revertirá los cambios realizados por el parche en el directorio node_modules/[nombre-del-paquete] y eliminará el archivo .patch … Leer más

Integrar react-native-picker-select en React 0.72.4 y Expo 49

Integrar react-native-picker-select en React  0.72.4 y Expo 49

Tiempo de lectura: < 1 minuto Hola, hoy vamos a solucionar el problema que da la librería react-native-picker-select https://www.npmjs.com/package/react-native-picker-select con React 0.72.4 y Expo 49. Al ejecutar la implementación de un picker cómo el de ejemplo: Aparece el siguiente error: Esto se debe a que la librería no es compatible con React Native 0.72.4 y para solucionar este error debemos instalar … Leer más

Actualizar target versión de Android o iOS en React Native Expo

Actualizar target versión de Android o iOS en React Native Expo

Tiempo de lectura: < 1 minuto Hola, hoy vamos a ver cómo podemos actualizar el target versión de Android / iOS usando React Native. De esta forma podremos actualizar a la versión 33 que pide Google Play para actualizar las APPs a partir del 31 de Agosto. Dentro de nuestro proyecto React Native, añadimos esta dependencia: Con esta librería podremos actualizar … Leer más

Obtener las claves SHA-1 de las claves almacenadas en Expo con React Native

Obtener las claves SHA-1 de las claves almacenadas en Expo con React Native

Tiempo de lectura: 2 minutos Hola, hoy os voy a enseñar cómo podemos utilizar el gestor de claves interno de Expo sobre React Native para ver los atributos de las claves como el SHA-1 que se utiliza en credeciales OAuth. Lo primero que vamos a hacer es ejecutar este comando: En mi caso elijo Android, también se puede elegir iOS: … Leer más

Añadir una clave de tienda Android Play Store usando React Native con Expo

Añadir una clave de tienda Android Play Store usando React Native con Expo

Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender cómo podemos subir nuestra propia clave de firma en Android Play Store usando Expo. Lo primero que tenemos que hacer es abrir el gestor de contraseñas de expo: Una vez abierto en este caso seleccionamos Android: Nos preguntará si estamos en el directorio correcto: En mi caso seleccionamos que si … Leer más

Solucionar error eas : No se puede cargar el archivo …\AppData\Roaming\npm\eas.ps1 no está firmado digitalmente. CategoryInfo : SecurityError: (:) [], PSSecurityException FullyQualifiedErrorId : UnauthorizedAccess

Solucionar error eas : No se puede cargar el archivo …\AppData\Roaming\npm\eas.ps1 no está firmado digitalmente. CategoryInfo : SecurityError: (:) [], PSSecurityException FullyQualifiedErrorId : UnauthorizedAccess

Tiempo de lectura: < 1 minuto Hola, hoy vamos a solucionar el error de ejecución de eas: Código: Este error ocurre al ejecutar un comando EAS sin tener permiso en todo el sistema. Para solucionarlo basta con ejecutar el siguiente comando en la consola: Y ya nos dejará ejecutar los comandos EAS. isMa Ingeniero en Informática, me encanta crear cosas o … Leer más