Añadir Google Sign Auth inicio de sesión con Google en React Native y Expo

Añadir Google Sign Auth inicio de sesión con Google en React Native y Expo

Tiempo de lectura: 5 minutos Hoy vamos a aprender cómo podemos implementar la autenticación con Google para poder hacer inicio de sesión con una cuenta Google mediante Google Sign en nuestra APP de React Native. Teniendo nuestro proyecto React Native inicializado. Vamos a utilizar la librería (https://docs.expo.dev/versions/latest/sdk/auth-session/ ). Antes de nada abrimos app.json y añadimos los campos «name» y «slug«: … Leer más

Solucionar error requires setting the development team for each resource bundle target al generar dev build para iOS en React Native

Solucionar error requires setting the development team for each resource bundle target al generar dev build para iOS en React Native

Tiempo de lectura: < 1 minuto Cuando generamos una build de desarrollo para iOS en React Native puede que nos aparezca el siguiente error: Para poder solucionarlo tenemos que hacer lo siguiente: Y justo debajo añadimos: Con esto indicamos indicamos que no es necesario el código firmado. Quedando de la siguiente forma: Ahora ponemos los siguientes comandos: Y ya genera la … Leer más

Generar un Build Dev para iOS en React Native con Expo (EAS) APP Nativa

Generar un Build Dev para iOS en React Native con Expo (EAS) APP Nativa

Tiempo de lectura: 2 minutos Os voy a enseñar cómo generar un Build development para iOS usando EAS. Primero tenemos que generar el proyecto como se indica en este tutorial: Como crear un build development usando Expo EAS con React Native Ahora a llegar al paso de ejecutar: If you provide your Apple account credentials we will be able to … Leer más

Añadir compras de aplicación (iOS/Android) en React Native

Añadir compras de aplicación (iOS/Android) en React Native

Tiempo de lectura: 6 minutos Hoy os voy a enseñar cómo agregar compras de aplicacion (APPPurcharses) en tu aplicación con React Native. Lo primero que vamos a hacer es instalar la dependencia que vamos a utilizar para agregar esta característica: react-native-iap Una vez instalada, vamos a configurar un componente para compras: Importamos los componentes y la libreria RNIap de react-native-iap. … Leer más

Generar carpetas de código nativo Android/iOS en React Native con Expo

Generar carpetas de código nativo Android/iOS en React Native con Expo

Tiempo de lectura: < 1 minuto Os voy a enseñar cómo generar las carpetas de Android/iOS con Expo en React Native. Para generar las carpetas que contienen el código nativo, tendremos que indicar lo siguiente. Para Android: Para iOS: Recuerda que para generar las de iOS, tienes que tener un Mac. isMa Ingeniero en Informática, Investigador, me encanta crear cosas o … Leer más

Crear un picker para Andorid/iOS usando React Native

Crear un picker para Andorid/iOS usando React Native

Tiempo de lectura: 2 minutos Os voy a enseñar cómo crear un componente picker en Android/iOS con React Native. Lo primero que tenemos que hacer es importar la librería react-native-picker-select Para importar esta librería, tenemos que ejecutar estos dos comandos (uno para la librería y otro para la dependencia): Una vez instalada, ya podemos crear el componente. Vamos a crear … Leer más

Como crear un build development usando Expo EAS con React Native

Como crear un build development usando Expo EAS con React Native

Tiempo de lectura: < 1 minuto Os voy a enseñar como crear una build de development usando EAS en React Native. Esta build nos sirve para poder ejecutar el proyecto si contiene código nativo, directamente sobre nuestro dispositivo e incluso realizar pruebas de depuración sobre la build. Primero tenemos que generar una build de desarrollo. Instalamos expo-dev-client Instalamos EAS siguiendo este … Leer más

Generar un APK o ABB (para publicar) con eas en Expo React Native

Generar un APK o ABB (para publicar) con eas en Expo React Native

Tiempo de lectura: 3 minutos Hoy os voy a enseñar cómo generar un APK o ABB usando eas en Expo React Native. Lo primero que vamos a hacer es instalar eas-cli: Una vez instalado, lanzamos el comando para actualizar: Y aparece esto: Seleccionamos lo que queremos configurar (iOS, Android o ambos). En mi caso selecciono ambos. Una vez configurado, la … Leer más

Obtener localización en React Native y Expo

Obtener localización en React Native y Expo

Tiempo de lectura: 2 minutos Hoy os voy a enseñar cómo obtener localización utilizando React Native y Expo: Vamos a utilizar la librería expo-location (https://docs.expo.dev/versions/latest/sdk/location/) Primero la instalamos: Esta librería añade automáticamente los permisos en Android Manifest (necesarios para utilizar localización): Pero no añade el permiso para utilizar localización en segundo plano: ACCESS_BACKGROUND_LOCATION. Si queremos añadir ese permiso, tendremos que … Leer más

Crear un componente tipo Select (picker) en React Native

Crear un componente tipo Select (picker) en React Native

Tiempo de lectura: 2 minutos En el tutorial de React de hoy, os voy a enseñar cómo crear un select (combo o picker) dónde seleccionar distintas opciones. Lo primero que vamos a hacer es importar la librería que vamos a utilizar (react-native-picker-select): Una vez importada, vamos a crear el componente, primero hacemos el import: Una vez importado, vamos a crear … Leer más