Making a GET Request in React Native with Axios.

Making a GET Request in React Native with Axios.

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If you want to make an asynchronous GET (ajax) call with React Native, you can’t use jQuery in this environment. Instead, you need to use Axios https://axios-http.com/es/ First, you need to install the dependency by running the following command in the console: expo install axios Once installed, you can create ... Read more

Adding AdMob’s ‘Interstitial Videos’ Ad with React Native and Expo.

Adding AdMob’s ‘Interstitial Videos’ Ad with React Native and Expo.

Tiempo de lectura: < 1 minuto Reading time: < 1 minute In today’s tutorial, I’m going to show you how to load a full-screen Interstitial video. The first thing we need to do is set up AdMob in React Native. Add AdMob ads with React Native (Banner) Once it’s set up, we can use this component to display the ads: import ... Read more

Fixing ‘Ad is already loaded’ error when using AdMobRewarded or AdMobInterstitial in React Native.

Fixing ‘Ad is already loaded’ error when using AdMobRewarded or AdMobInterstitial in React Native.

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If you see the message ‘Ad is already loaded’ when running the application on our device or emulator, it means there are issues loading the ad we requested from AdMob. This occurs because the ad is requested once, and when requested a second time, it fails. const reward = async ... Read more

Solve problem: i18next::pluralResolver: Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling en i18n in React Native and Android

Solve problem: i18next::pluralResolver: Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling en i18n in React Native and Android

Tiempo de lectura: < 1 minuto Reading time: < 1 minute When implementing i18next’s multi-language support in React Native, the Android platform may return the following error: The following error message is displayed in the console: i18next::pluralResolver: Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling. at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in … Read more

Adding a Loader in React Native

Tiempo de lectura: 3 minutos Reading time: 2 minutes I’m going to show you how to add a loader for loading screens in React Native. To begin, we need to create a new component called Loader.js import React, { useState } from “react”; import { View, StyleSheet } from “react-native”; import { ActivityIndicator } from ‘react-native-paper’; var setMostrarLoader; const Loader … Read more

Open Stack.Tab from a Stack.Screen contained within a tab with different NavigationContainers in React Native.

Tiempo de lectura: 2 minutos Reading time: 3 minutes I’m going to explain how to open another tab within a screen (outside the tab but within the execution stack) that already has content in our tab. For example, we have the following screen and we want to perform the navigation shown in the video: And we want to open the … Read more

Adding icons in Tab Navigator in React Native.

Adding icons in Tab Navigator in React Native.

Tiempo de lectura: < 1 minuto Reading Time: < 1 minute When we create a Tab Navigator by default, it appears without icons: Based on this code: <NavigationContainer> <Tab.Navigator initialRouteName=”Home”> <Tab.Screen name=”Home” component={Home} /> <Tab.Screen name=”Buscar” component={MisCursos} /> <Tab.Screen name=”Perfil” component={Perfil} /> </Tab.Navigator> </NavigationContainer> If we want to add icons, we can do the following. We will use a library that … Read more