Create a Release-Ready APK/AAB Package with Flutter in Visual Studio Code

Create a Release-Ready APK/AAB Package with Flutter in Visual Studio Code

Tiempo de lectura: 2 minutos Today we are going to learn how we can generate an APK or AAB to distribute or publish our application to the app store using Flutter and VS Code. We have to create an application signing file with the following command: keytool -genkey -v -keystore ~/upload-keystore.jks -keyalg RSA -keysize 2048 -validity 10000 -alias upload Indicate … Read more

Eliminate Automatic Backup of LocalStorage in Android/iOS with React Native Expo

Eliminate Automatic Backup of LocalStorage in Android/iOS with React Native Expo

Tiempo de lectura: < 1 minuto Today we are going to learn how we can disable the option to allow local storage backup using React Native. Inherently, Expo sets the option to store local storage remotely by default: To avoid it, we will have to set the allowBackup option to false. To do this, we go to our app.json and put: … Read more

Introduction to Current Programming Languages for Web Development

Introduction to Current Programming Languages for Web Development

Tiempo de lectura: 2 minutos The world of web development is filled with a wide range of programming languages, each with its own unique characteristics and specific purposes. Languages of Programming for the Front-end: a. HTML (HyperText Markup Language):HTML is the fundamental language used to create the structure and content of web pages. It defines the hierarchy of elements on … Read more

Software development lifecycle stages, apply them to write high-quality code

Software development lifecycle stages, apply them to write high-quality code

Tiempo de lectura: 2 minutos The development of software is a complex and multifaceted process that involves a series of interrelated stages, each one fundamental to bringing an idea from its initial conception to implementation and maintenance. These stages provide an organized and systematic structure that guides the development teams throughout the process, ensuring the delivery of a final product … Read more

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