Detecting collisions between two elements in React Native

Detecting collisions between two elements in React Native

Tiempo de lectura: 3 minutos Detect colisions between two elements using React Native. Detect collision is very useful if we want to make small games with React Native even using Expo. First, we will take reference from our element of the tutorial at Allow dragging elements on screen in React Native. DragComponent.tsx import React, { useRef, ReactNode, useState } from … Read more

Allow Dragging Elements on the Screen in React Native

Allow Dragging Elements on the Screen in React Native

Tiempo de lectura: < 1 minuto Today we are going to create a component that will allow us to drag other elements across the screen using React Native. The first thing we will do is create the component that we will call DragComponent.tsx and add the logic that will allow us to drag: < pre class=”EnlighterJSRAW” data-enlighter-language=”generic” data-enlighter-theme=”” data-enlighter-highlight=”” data-enlighter-linenumbers=”” data-enlighter-lineoffset=”” … Read more

How to put a React Native app with Expo in Immersive mode (full screen) for Android

How to put a React Native app with Expo in Immersive mode (full screen) for Android

Tiempo de lectura: < 1 minuto We will implement the Immersive mode for Android on an Expo React Native app today. The Immersive mode allows us to put an app in full-screen mode on Android. We will start by installing the necessary libraries: Expo navigation bar: expo install expo-navigation-bar Expo status bar: expo install expo-status-bar And now to hide the status … Read more

Transform Android XML Vector to SVG Using the Command Line

Transform Android XML Vector to SVG Using the Command Line

Tiempo de lectura: < 1 minuto We will learn today how to transform an Android XML vector into a vector in SVG format using the command line. With the vector in SVG, we can use it both in React, Flutter or Web. First, we will install this library (if we want to use the web version): npm install -g vector-drawable-to-svg Once … Read more

Add an SVG in React Native with Expo

Add an SVG in React Native with Expo

Tiempo de lectura: 2 minutos We will learn today how to add an SVG image in React Native using Expo. The first thing we will do is install the necessary dependencies: First react-native-svg html expo install react-native-svg And now we installreact-native-svg-transformer npm install –save-dev react-native-svg-transformer We need to configure react-native-svg-transformer. To do this, we open the metro.config.js file and add: … Read more

Install and use Android ADB on Ubuntu

Install and use Android ADB on Ubuntu

Tiempo de lectura: < 1 minuto We’re going to learn how to install Android ADB on Ubuntu today. Android ADB (Android Debug Bridge) is a versatile tool that enables communication between a computer and an Android device. ADB is part of the Android Software Development Kit (SDK) and offers a range of useful features for both developers and advanced users. Here … Read more

Configure Microsoft 360 block in n8n for access to Excel

Configure Microsoft 360 block in n8n for access to Excel

Tiempo de lectura: 2 minutos We are going to see today how we can get data from Excel in Microsoft 360 using n8n. The first thing we will do is create an app and credentials from https://portal.azure.com/. Login with your Microsoft account. Search: “App registrations” > click on “New registration” We add the app name and select: Accounts in any … Read more