React Native

Añadir suscripciones in app usando React Native en Android o iOS con react-native-iap

por
Añadir suscripciones in app usando React Native en Android o iOS con react-native-iap

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir suscripciones en nuestra aplicación desarrollada con React Native para Android o iOS. Para realizar las compras en aplicación tenemos que instalar la siguiente librería en nuestro proyecto: Os recomiendo instalar la versión (a fecha de hoy): Referencias de compras de suscripción en Android: https://developer.android.com/google/play/billing/rtdn-reference?hl=es-419 Referencias de compras de … Leer más

Solucionar error de React Native Expo: Plugin [id: ‘expo-module-gradle-plugin’] was not found in any of the following sources

por
Solucionar error de React Native Expo: Plugin [id: ‘expo-module-gradle-plugin’] was not found in any of the following sources

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a solucionar el error de React Native: Este error ocurre porque una de las librerías es incompatible con las actuales. Para solucionarlo debemos ejecutar: Y actualizar las librerías indicadas. isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 … Leer más

Solucionar problema en Expo EAS al generar build iOS: error code 35

por
Solucionar problema en Expo EAS al generar build iOS: error code 35

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a solucionar el problema: Este error ocurre cuándo intentamos crear el build para iOS desde Flutter y nos pide las credenciales, las intrudocimos correctamente pero nos da error. Lo que debemos hacer es cambiar el comando de generación del build por este: Al añadir –non-interactive al final, lograremos continuar. isMa Ingeniero … Leer más

Cómo Crear una App Móvil con IA Local Usando Mistral y Transformers.js con React Native

por
Cómo Crear una App Móvil con IA Local Usando Mistral y Transformers.js con React Native

Tiempo de lectura: 2 minutos ¿Te imaginas una app móvil que funcione con inteligencia artificial sin conexión a internet? Hoy te muestro cómo usar Transformers.js y un modelo como Mistral 7B cuantizado en el navegador o en tu móvil, sin enviar datos a servidores externos. Con esto lograrás privacidad total, usando el propio dispositivo, no tiene costes de uso, funciona … Leer más

Mostrar número de test ejecutados y pasados en SonarQube con Jest, Vitest y Pytest

por
Mostrar número de test ejecutados y pasados en SonarQube con Jest, Vitest y Pytest

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo pasar y mostrar el número de tests que se han cubierto en sonarque. Para React con Vite: Primero instalamos: Ahora vamos al archivo vitest.config.ts Añadimos: Dentro de tests: { Y dentro de nuestro archivo sonar-project.properties También debemos indicar la ruta correcta dónde tenemos los tests: Con esto ya solo tendremos … Leer más

Cómo cambiar la versión de Kotlin usando Expo React Native

por
Cómo cambiar la versión de Kotlin usando Expo React Native

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos cambiar la versión de Kotlin utilizada en Expo. Primero tenemos que instalar expo-build-properties, que nos permitirá editar propiedades del proyecto nativo sin modificar nada de la carpeta android. Y luego modificamos dentro de nuestro app.json y podremos añadir el kotlinVersion: isMa Ingeniero en Informática, Investigador, me encanta crear cosas … Leer más

Evitar que el teclado oculte la interfaz de usuario en React Native usando KeyboardAvoidingView

por
Evitar que el teclado oculte la interfaz de usuario en React Native usando KeyboardAvoidingView

Tiempo de lectura: 3 minutos 1. ¿Qué es KeyboardAvoidingView? KeyboardAvoidingView es un componente en React Native que ayuda a manejar el comportamiento del teclado en dispositivos móviles, especialmente en pantallas pequeñas. Cuando un campo de texto o un input es seleccionado y el teclado aparece, KeyboardAvoidingView ajusta la posición de los componentes en la interfaz para que no queden cubiertos … Leer más

Solucionar problema de no se ha podido verificar la integridad de la APP instalada desde Expo EAS React Native en iOS (iPhone o iPad)

por
Solucionar problema de no se ha podido verificar la integridad de la APP instalada desde Expo EAS React Native en iOS (iPhone o iPad)

Tiempo de lectura: 2 minutos Hoy vamos a solucionar el problema que no nos permite instalar un build de desarrollo generado con Expo usando EAS para React Native en iOS iPhone o iPad. El mensaje que aparece es el siguiente: «Imposible instalar [APP]» «Esta app no se puede instalar porque no se ha podido verificar su integridad.» El problema es … Leer más

Detectar idioma automáticamente en React Native con @react-native-localize + i18next

por
Detectar idioma automáticamente en React Native con @react-native-localize + i18next

Tiempo de lectura: 2 minutos Vamos a aprender la forma más fiable para obtener el idioma del dispositivo y ademas utilizarlo junto con la libreria de idiomas i18next. Instalar dependencias Si usas TypeScript, instala también los tipos: Estructura recomendada Crear los archivos de idioma (es.ts, en.ts) src/i18n/translations/es.ts src/i18n/translations/en.ts Configurar i18next con detección automática src/i18n/index.ts Usar las traducciones en la app … Leer más

Ver clave SHA del certificado debug.keystore en un proyecto React Native Expo

por
Ver clave SHA del certificado debug.keystore en un proyecto React Native Expo

Tiempo de lectura: < 1 minuto Hoy os voy a compartir un comando para poder ver el SHA del certificado que nos genera automáticamente el proyecto android. Para ello tendremos que utilizar este comando: Nos dará la traza del certificado en la pantalla. Si keytool no es reconocido, asegúrate de que Java está instalado y que el binario de keytool está … Leer más