Tiempo de lectura: 2 minutosBuenas tardes a todos, En el tutorial de hoy os muestro como obtener la versión de nuestra app y poder mostrarla en el lugar que queramos de nuestra aplicación desarrollada con react native A continuación os muestro como: Creamos la constante pkg (podéis poner el nombre que queráis), ene la cual almacenamos la ruta de … 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 minutoHoy os voy a enseñar cómo podemos ordenar un JSON utilizando alguna de sus claves. Tenemos el siguiente JSON: Contiene distintas frutas, tiene un id qué está sin ordenar y además una propiedad que indica un orden. Para ordenar el JSON podemos hacer lo siguiente Con esta función podemos ordenar la listaJSON utilizando la clave … Leer más
Tiempo de lectura: 2 minutosOs voy a enseñar cómo podemos reproducir vídeos de Youtube, sin necesidad de utilizar la librería de Youtube para React Native. De esta forma no tendrás que añadir un API Key para reproducir vídeos. Lo primero de todo, tenemos que crear un Screen con un Webview. Para ello primero instalamos Webview: Una vez instalado, creamos … 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
Tiempo de lectura: < 1 minutoCuando utilizamos axios y adjuntamos una cabecera como el siguiente ejemplo: Tenemos que tener cuidado con las cabeceras que tengan mayúsculas, ya que axios las transforma en minúsculas. Si en nuestro servidor back, esperamos recibir la cabecera TOKEN-AUTH en mayúsculas, tendremos que añadir también permitir recibir la cabecera token-auth ya que axios realiza un .toLowerCase … Leer más
Tiempo de lectura: < 1 minutoEn el artículo de hoy, voy a enseñaros cómo enviar un POST construido con URLSearchParams y usando la librería Axios para React Native/Expo. En los anteriores artículos, os enseñe Realizar una llamada GET en React Native con Axios y Cómo hacer un POST con Axios en React Native Lo primero que tenemos que hacer es … Leer más
Tiempo de lectura: < 1 minutoSi al ejecutar una llamada a nuestra API Rest nos devuelve un error «Solicitud de origen cruzado bloqueada: La misma política de origen no permite la lectura de recursos remotos» o «Reason: CORS header ‘Access-Control-Allow-Origin’ missing» o «(Razón: Solicitud CORS sin éxito)». Seguramente en nuestras llamadas del servidor Rest no tenemos las cabeceras para permitir … Leer más
