Tiempo de lectura: < 1 minutoOs 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
Tiempo de lectura: 3 minutosHoy 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
Tiempo de lectura: 2 minutosHoy 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
Tiempo de lectura: 2 minutosEn 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
Tiempo de lectura: < 1 minutoHoy os voy a enseñar a enviar un email o una llamada telefónica desde React Native. Para utilizar esta función vamos a importar la libería de Linking de react-native https://reactnative.dev/docs/linking Para implementar una llamada utilizaremos igual que en HTML la clave tel:numero_telefono Y para enviar un e-mail utilizaremos mailto:email isMa Ingeniero en Informática, Investigador, me … Leer más
Tiempo de lectura: < 1 minutoSi al añadir la APP a la App Store de Apple aparece el siguiente error: Version 1.0.0 (1.0.0) cannot be tested at this time because the build does not have associated export compliance documentation. Once approved, you can come back and select export compliance documentation for this build. Submit New Documentation Tienes que hacer lo … Leer más
![Solucionar error Could not find method compile() for arguments [com.facebook.react:react-native: X] al crear APK en React Native](https://devcodelight.com/wp-content/uploads/2022/10/imagen-6-1024x236.png)
Tiempo de lectura: < 1 minutoSi al generar el APK aparece el siguiente error: Lo primero que tenemos que hacer es localizar el error que produce. En este caso indica que no encuentra el método compile en la librería de react-native-locale. Esto lo indica aquí: Para solucionar este error. Tenemos que abrir el archivo /node_modules/react-native-locale/android/build.gradle Y en la línea 23: … Leer más
Tiempo de lectura: < 1 minutoSí ocultamos el header nav (headerShown: false) en React Native, puede que tengamos este problema: El contenido sale debajo de la barra superior de estado y no se deja visualizar correctamente con el reloj, el estado de la batería y los demás widgets que aparecen en pantalla. Para solucionar este problema vamos a hacer lo … Leer más
Tiempo de lectura: < 1 minutoEn este artículo os voy a enseñar cómo utilizar axios de forma asíncrona en vuestros proyectos. Partiendo del siguiente código para realizar una llamada GET con axios: Al utilizar la sentencia .then la APP se queda a la espera de cargar el resultado de forma síncrona. Para cambiar la llamada a una llamada asíncrona hay … Leer más
Tiempo de lectura: < 1 minutoSi queremos forzar que una pantalla se cargue al cambiar o abrirla de nuevo en React Native haremos lo siguiente: En nuestro stack de pantallas añadimos esta propiedad: Al añadir esta propiedad, unmountOnBlur desmontará el componente y lo volverá a montar cada vez que lo abramos y hará que se refresque de nuevo la pantalla. … Leer más
