Resolver Reason: CORS header ‘Access-Control-Allow-Origin’ missingcon PHP

Resolver Reason: CORS header ‘Access-Control-Allow-Origin’ missingcon PHP

Tiempo de lectura: < 1 minuto Si 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

Refrescar una FlatList en React Native

Refrescar una FlatList en React Native

Tiempo de lectura: < 1 minuto Si eliminamos o añadimos un nuevo elemento a una FlatList en React Native tenemos que hacer lo siguiente: Primero tenemos que crear un estado tipo booleano: Depués lo asignamos a la FlatList con el atributo extraData: Cuándo queramos refrescar la lista, pondremos lo siguiente: Y listo, ya realiza un re-render de la lista y vuelve … Leer más

Cómo hacer un POST con Axios en React Native

Cómo hacer un POST con Axios en React Native

Tiempo de lectura: < 1 minuto En el anterior tutorial os enseñé a realizar un GET usando la libería Axios en React Native: Realizar una llamada GET en React Native con Axios Ahora vamos a ver como realizar un POST. Lo primero de todo es instalar Axios: Una vez instalado, lo importamos en nuestra pantalla o componente dónde queramos utilizarlo: Y … Leer más

Realizar una llamada GET en React Native con Axios

Realizar una llamada GET en React Native con Axios

Tiempo de lectura: < 1 minuto Si queremos realizar una llamada asíncrona GET (ajax) con React Native, no podemos utilizar jQuery en este entorno, tenemos que utilizar Axios https://axios-http.com/es/ Lo primero que tenemos que hacer es instalar la dependencia, para ello introducimos esto en la consola: Una vez instalado, vamos a crear la llamada, primero importamos la librería: Y ahora vamos … Leer más

Añadir anuncio ‘Vídeos Intersticial’ de Admob con React Native y Expo

Añadir anuncio ‘Vídeos Intersticial’ de Admob con React Native y Expo

Tiempo de lectura: < 1 minuto En el tutorial de hoy os voy a enseñar cómo cargar un vídeo Interstitial de pantalla completa. Lo primero que tenemos que hacer es configurar Admob en React Native Añadir anuncios de Admob con React Native (Banner) Una vez configurada, podemos usar este componente para mostrar los anuncios: Solo tenemos que id_anuncios_admob por el código … Leer más

Solucionar error ‘Ad is already loaded’ al usar AdmobRewarded o AdMobInterstitial en React Native

Solucionar error ‘Ad is already loaded’ al usar AdmobRewarded o AdMobInterstitial en React Native

Tiempo de lectura: < 1 minuto Si al ejecutar la aplicación en nuestro dispositivo o emulador aparece el mensaje ‘Ad is already loaded’ es porque tiene problemas al cargar el anuncio que hemos solicitado a Admob. Esto ocurre porque se solicita el anuncio una vez y al solicitarlo por segunda vez falla. Para solucionarlo utilizamos el siguiente código, que volverá a … Leer más

Añadir anuncios de Admob con React Native (Banner) – Monetiza tu APP

Añadir anuncios de Admob con React Native (Banner) – Monetiza tu APP

Tiempo de lectura: 2 minutos En este tutorial, os voy a enseñar cómo añadir un Banner de Admob usando React Native y Expo. Lo primero de todo es configurar un anuncio con Admob. Una vez configurado obtenemos los códigos (de APP y de Bloque) e instalamos la librería expo-ads-admob. Una vez instalada, creamos un nuevo componente que llamamos Banner (si … Leer más

Crear un Splash Screen personalizada en React Native (funciona con web, Android, iOS)

Crear un Splash Screen personalizada en React Native (funciona con web, Android, iOS)

Tiempo de lectura: 2 minutos Sí, queremos crear un Splash Screen personalizada en nuestra APP de React Native lo primero que tenemos que hacer es crear dos Screen, uno va a ser el Splash Screen y otro la primera pantalla de la APP. En APP.js añadimos un stack navigation con las pantallas (Splash Screen y Principal): Si quieres saber como … Leer más

Obtener idioma del dispositivo Android o iOS o navegador web usando React Native

Obtener idioma del dispositivo Android o iOS o navegador web usando React Native

Tiempo de lectura: < 1 minuto Para obtener el idioma del dispositivo usando React Native tenemos que utilizar el siguiente método: Primero importamos los métodos Platform y NativeModules de react-native. Y con el siguiente método obtenemos el idioma: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas … Leer más

Multi-idioma con React Native de forma automática según el idioma del dispositivo. Compatible con Android e iOS y web

Multi-idioma con React Native de forma automática según el idioma del dispositivo. Compatible con Android e iOS y web

Tiempo de lectura: 3 minutos En este tutorial os voy a enseñar cómo añadir soporte multi-idioma en React Native. Vamos a utilizar la librería i18next (https://react.i18next.com/) Primero vamos a instalar las siguientes dependencias: Una vez instaladas, creamos una nueva carpeta en nuestro proyecto llamada language y dentro añadimos dos archivos con el código de país que queramos implementar. En mi … Leer más