Tiempo de lectura: < 1 minuto Sí 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 minuto En 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 minuto Si 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 minuto En 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 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
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
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
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
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
Tiempo de lectura: < 1 minuto Si queremos añadir un TopTapNavigation usando React Native para que el resultado quede como en esta imagen: Primero tenemos que instalar la dependencia necesaria (recuerda instalar antes React-Navigation): Una vez instalada se utiliza de la misma forma que un BottomTapNavigation: Ahora creamos la instancia para los Tabs Ahora añadimos el árbol de navegación y el … Leer más
