Tiempo de lectura: 2 minutos En esta segunda parte, mejoraremos nuestra app de tareas de React Native con las siguientes mejoras: Requisitos previos 1. Instalando SQLite Expo proporciona un wrapper para SQLite, lo instalamos con: Creamos un archivo database.js en src/utils/ para manejar la base de datos: 2. Modificar la Pantalla para Usar SQLite Editamos HomeScreen.js: 3. Aplicando Estilos con … Leer más
Tiempo de lectura: 2 minutos En este tutorial, vamos a construir una sencilla app de tareas con React Native, que incluya: Requisitos previos 1. Creación del Proyecto Ejecuta el siguiente comando en tu terminal para crear un nuevo proyecto Expo: Iniciamos el proyecto con: 2. Instalación de Dependencias Instalamos las librerías necesarias: 3. Configurar Navegación Creamos navigation.js dentro de src/: … Leer más
Tiempo de lectura: < 1 minuto Hoy os traigo un pequeño script para vuestras aplicaciones móviles qué permitirá comparar dos fechas en formato UTC en React Native, React o JavaScript Vanila y obtener los segundos de diferencia. El código obtiene una fecha que llega en formato UTC desde la base de datos. A veces no incluye la Z al final, se … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos eliminar permisos no necesarios qué se puedan añadir automáticamente a nuestro build desde librerías externas en React Native con Expo. Para realizar esta eliminación automática de los permisos tendremos qué crear un plugin para expo que añada un pequeño script dentro de build.gradle de Android en tiempo de generación … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos modificar la configuración de proguard usando Expo en React Native. Primero tenemos que abrir nuestro app.json. Y vamos a plugins: Aquí dentro añadiremos la propiedad qué queramos para proguard-rules.pro En mi caso es la linea: Ahora generaremos el proyecto android: Y con esto podemos comprobar el archivo app/proguard-rules.pro isMa … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a crear un componente que representa un bocadillo de texto animado para React o React Native. El componente recibirá un texto o un elemento qué represente un texto y además mostrará un puntero animado al final del texto. Y para utilizarlo haremos esto: También podemos utilizarlo con el componente TextoAnimado animado que hemos … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a crear un pequeño componente que añade texto animado para nuestros juegos en React o React Native. Este componente recibe un texto y lo anima caracter a caracter. Primero vamos a crear este componente: Ahora podemos utilizar el componente de esta forma: Y si queremos detener la animación podemos crear un botón o … Leer más
Tiempo de lectura: 6 minutos Hoy vamos a implementar Bugsink un sistema autoalojado que nos permitirá registrar errores de nuestras aplicaciones y servidores de forma remota y con avisos. Para ello utilizaremos un docker compose. Lo primero es entender qué es Bugsink. BugSink es una herramienta o plataforma diseñada para gestionar errores o bugs en aplicaciones de software de manera … Leer más
Tiempo de lectura: 2 minutos En este tutorial, aprenderás a crear una aplicación desde cero que aprovecha el poder de la IA generativa de ChatGPT (OpenAI) para interactuar con los usuarios en tiempo real. Perfecto para principiantes y profesionales que quieran llevar su desarrollo al siguiente nivel y generar un producto atractivo. Usaremos React Native para la app móvil y … Leer más
Tiempo de lectura: 2 minutos Este tutorial describe cómo permitir la interacción táctil con elementos detrás de un frame PNG que ocupa toda la pantalla pero tiene zonas transparentes. La solución utiliza la propiedad pointerEvents para garantizar que los eventos táctiles pasen a través de las áreas transparentes. Crear un frame decorativo que: Primero vamos a crear nuestro componente con … Leer más
