Add Top Tab Navigation using React Native

Add Top Tab Navigation using React Native

Tiempo de lectura: 2 minutos Reading time: < 1 minutes If you want to add a Top Tab Navigation using React Native to achieve the result shown in this image: First, you need to install the necessary dependency (remember to install React Navigation first): npm install npm install @react-navigation/material-top-tabs react-native-tab-view --save Once installed, it is used in the same way ... Read more

Open tab or screen inside another NavigationContainer React Native

Open tab or screen inside another NavigationContainer React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If you encounter the following error when opening a tab or screen within a NavigationContainer: Looks like you have nested a ‘NavigationContainer’ inside another. Normally you need only one container at the root of the app, so this was probably an error. If this was intentional, pass ‘independent={true}’ explicitly. Note … Read more

Adjust WebView width: 100% in React Native

Adjust WebView width: 100% in React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minutes The react-native-webview plugin has an issue that prevents adapting the screen to 100% using styles. In this case, we have installed it using Expo. It’s also important to remember that this plugin only works on Android or iOS, not on the web. Therefore, if we apply the style: webview: { ... Read more

Add Email Account in OVH

Add Email Account in OVH

Tiempo de lectura: 2 minutos Translation: Reading time: 2 minutes To create an email account in OVH, first go to the Email menu and select the name of your domain. Now choose the Email Configuration. This menu will appear, and we choose to create an email address: Fill in all the necessary fields for your account: Once created, accept the … Read more

Activate Free SMTP Server (Email) Included with OVHCloud Domain

Activate Free SMTP Server (Email) Included with OVHCloud Domain

Tiempo de lectura: 2 minutos Translation: Reading time: 2 minutes When you purchase a domain from OVHCloud, they also provide a free email account on their SMTP server. To activate this option, we need to open OVHCloud https://www.ovhcloud.com/es-es/ Open the Domains menu and search for your domain: Select your domain: Go to the General Information section. Click on Free Hosting … Read more

Delete all npm packages or plugins (dependencies) in React or React Native

Delete all npm packages or plugins (dependencies) in React or React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If we want to delete the project-level (not global) installed dependencies within our React project, we need to do the following: Delete the folder called node_modules.rm node_modules Delete package-lock.json:rm package-lock.json Now, if we want to reinstall the dependencies, we need to execute: npm install This way, we can restore the ... Read more

Solucionar conflicto con paquete npm install

Solucionar conflicto con paquete npm install

Tiempo de lectura: 2 minutos Reading time: < 1 minute If you encounter an error message like the following when installing a package: npm WARN config global --global, --local are deprecated. Use --location=global instead.npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @react-navigation/stack@6.2.2npm ERR! Found: @react-navigation/native@5.9.8npm ERR! node_modules/@react-navigation/nativenpm ERR! @react-navigation/native@”^5.9.8″ from the root projectnpm ERR!npm ERR! ... Read more

Solution to the Error ‘Execution failed for task ‘:app:checkDebugAarMetadata” when running our Android Studio application

Solution to the Error ‘Execution failed for task ‘:app:checkDebugAarMetadata” when running our Android Studio application

Tiempo de lectura: < 1 minuto Reading Time: < 1 minute Good morning everyone, In this tutorial, I’m going to explain how to solve the following error that occurs whenever we try to run our application. Initially, it is a problem with the Android dependencies. In some cases, simply changing the SDK version in the build.gradle file from 29 to 30 ... Read more