Añadir mensaje de consentimiento de anuncios GDPR Europea con React Native Google Mobile Ads (ADMOB) con Expo

Añadir mensaje de consentimiento de anuncios GDPR Europea con React Native Google Mobile Ads (ADMOB) con Expo

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir el mensaje obligatorio de consentimiento de anuncios para cumplir con la GDPR. Lo primero que tenemos que hacer es tener nuestro mensaje configurado: https://devcodelight.com/mensaje-consentimiento-conforme-rgpd-para-admob/ NOTA: uso la versión 12.2.0 de react-native-google-mobile-ads como mínimo (https://github.com/invertase/react-native-google-mobile-ads) Una vez configurado, vamos a android/app/proguard-rules.pro y añadimos: Ahora tenemos que ir a nuestro … Leer más

Implementar Google Consent para GDPR con React Native

Implementar Google Consent para GDPR con React Native

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos implementar el mensaje de consentimiento de GDPR con React Native. Vamos a instalar la siguiente librería (https://www.npmjs.com/package/@ulangi/react-native-ad-consent) Ahora vamos a añadir esta clave en info.plist de iOS: Ahora abrimos AndroidManifest.xml en caso de Android. Y añadimos: Y ahora creamos nuestro componente llamado consentAdmob.ts Para usar las funciones que proporcionamos, … Leer más

Editar variables de info.plist para iOS en React Native y Expo

Editar variables de info.plist para iOS en React Native y Expo

Tiempo de lectura: < 1 minuto Hola, hoy vamos a aprender cómo podemos editar variables de info.plist en una app para iOS con React Native. Lo primero que vamos a hacer es ir a nuestro app.json o app.config.json (según la versión que tengamos en nuestro proyecto). Ahora buscamos la parte de iOS y añadimos un campo que se llama «infoPlist» quedando … 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

Solucionar error ERROR: JAVA_HOME is not set and no ‘java’ command could be found in your PATH. En Windows

Solucionar error ERROR: JAVA_HOME is not set and no ‘java’ command could be found in your PATH. En Windows

Tiempo de lectura: 2 minutos Hola, hoy vamos a ver cómo podemos solucionar el error: «ERROR: JAVA_HOME is not set and no ‘java’ command could be found in your PATH. Please set the JAVA_HOME variable in your environment to match thelocation of your Java installation.» Lo que está ocurriendo es que no tenemos la variable JAVA_HOME agregada a nuestra lista … Leer más