Issue with Uppercase HTTP Headers and Axios in React Native

Issue with Uppercase HTTP Headers and Axios in React Native

Tiempo de lectura: < 1 minutoReading time: < 1 minute When using axios and attaching a header, like in the following example: const config = { headers: { "Content-Type": "application/x-www-form-urlencoded", "TOKEN-AUTH": token } }; We need to be careful with headers that have uppercase letters because axios automatically converts them to lowercase. If our backend server expects to receive the ... Read more

React Native Constants File

React Native Constants File

Tiempo de lectura: 2 minutosReading time: 2 minutes Good afternoon, everyone, In today’s tutorial, I’m going to show you how to create files with constants so that they are accessible from any point in our application and keep everything more organized. This applies both to components and screens. In my case, I’m going to apply it in a component … Read more

Refreshing a FlatList in React Native

Refreshing a FlatList in React Native

Tiempo de lectura: < 1 minutoReading time: < 1 minute If we remove or add a new item to a FlatList in React Native, we need to follow these steps: First, we need to create a boolean state: const [refreshing, setRefreshing] = React.useState(false); Then, we assign it to the FlatList using the extraData attribute: <FlatList data={itemList} extraData={refreshing} renderItem={({ item }) ... Read more

Resolve Reason: CORS header ‘Access-Control-Allow-Origin’ missing with PHP.

Resolve Reason: CORS header ‘Access-Control-Allow-Origin’ missing with PHP.

Tiempo de lectura: < 1 minutoReading time: < 1 minute If executing a call to our REST API returns an error message “Cross-origin request blocked: The same origin policy does not allow reading of remote resources” or “Reason: CORS header ‘Access-Control-Allow-Origin’ missing” or “(Reason: CORS request failed)”. Most likely, our server-side REST calls do not have the necessary headers to ... Read more

How to Send a POST Request with Axios in React Native

How to Send a POST Request with Axios in React Native

Tiempo de lectura: < 1 minutoIn today’s article, I will show you how to send a POST request using URLSearchParams and the Axios library in React Native/Expo. In previous articles, I taught you how to make a GET request in React Native with Axios and how to perform a POST request with Axios in React Native. To begin, you need … Read more

Making a GET Request in React Native with Axios.

Making a GET Request in React Native with Axios.

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

Recovering Forgotten Password with Flutter and Firebase.

Recovering Forgotten Password with Flutter and Firebase.

Tiempo de lectura: < 1 minutoReading time: < 1 minute To easily reset the password, follow these simple steps. First, we will create the design of the password recovery screen where we will add a text box to enter the email to which the password reset email will be sent. Additionally, we will add a button to perform the sending ... Read more

Creating an Information Popup, Alert with Flutter.

Creating an Information Popup, Alert with Flutter.

Tiempo de lectura: 2 minutosReading time: 2 minutes To create a popup window, alerts, or information in Flutter, it is very simple by following the following steps: First, we will create the design of the popup window: The code for the widget is as follows: class Alert extends StatelessWidget { Alert({Key? key}) : super(key: key); @override Widget build(BuildContext context) … 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 minutoReading 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