Expo

Añadir un plugin que permita editar AndroidManifest.xml cuando generas un proyecto con Expo en React Native ejemplo para añadir com.google.android.gms.ads.APPLICATION_ID

por
Añadir un plugin que permita editar AndroidManifest.xml cuando generas un proyecto con Expo en React Native ejemplo para añadir com.google.android.gms.ads.APPLICATION_ID

Tiempo de lectura: 2 minutos Hoy vamos a crear un plugin que nos permitirá editar el manifest de Android a la hora de generar el build con Expo en React Native. En este ejemplo añadiremos el ID de aplicación necesario para Google Admob. Primero vamos a crear un archivo que llamaremos AdmobExtraConfigManifest.js (no importa si usas TypeScript, vamos a usar … Leer más

Crear un script para editar AndroidManifest.xml después de generar el build con React Native Expo para eliminar permisos.

por
Crear un script para editar AndroidManifest.xml después de generar el build con React Native Expo para eliminar permisos.

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

Implementar Login de Google (Google sign) en React Native (también compatible con Expo)

por
Implementar Login de Google (Google sign) en React Native (también compatible con Expo)

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

Eliminar backup automático de LocalStorage en Android / iOS con React Native Expo

por
Eliminar backup automático de LocalStorage en Android / iOS con React Native Expo

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos eliminar la opción de permitir backup en localstorage usando React Native. Por defecto Expo en React Native nos establece la opción de almacenar el localstorage en remoto: Para evitarlo tendremos que poner la opción de allowBackup a false. Para ello vamos a nuestro app.json y ponemos: Y ahora tendremos … Leer más

Como poner una APP de React Native con Expo en modo Inmersivo (pantalla completa) para Android

por
Como poner una APP de React Native con Expo en modo Inmersivo (pantalla completa) para Android

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

Añadir respuesta háptica (vibración) a un botón de tu APP de React Native con Expo

por
Añadir respuesta háptica (vibración) a un botón de tu APP de React Native con Expo

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

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

por
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

por
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

por
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!

por
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, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor … Leer más