React Native

Eliminar permisos no necesarios al generar APK o app-bundle con Expo 52 React Native y plugin en build.gradle con gradle 8.10.2

por
Eliminar permisos no necesarios al generar APK o app-bundle con Expo 52 React Native y plugin en build.gradle con gradle 8.10.2

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

Modificar proguard con Expo React Native usando app.json

por
Modificar proguard con Expo React Native usando app.json

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

Crear un componente bocadillo animado para un videojuego React Native o React

por
Crear un componente bocadillo animado para un videojuego React Native o React

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

Añadir texto animado en React o React Native

por
Añadir texto animado en React o React Native

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

Utilizar Bugsink con Sentry en un docker compose para registrar errores

por
Utilizar Bugsink con Sentry en un docker compose para registrar errores

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

Cómo Crear Tu Propia App con ChatGPT Integrado en Menos de 1 Hora

por
Cómo Crear Tu Propia App con ChatGPT Integrado en Menos de 1 Hora

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

Evitar pulsar en una imagen transparente png usando Reat Native

por
Evitar pulsar en una imagen transparente png usando Reat Native

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

Cargar un vídeo desde assets (local) usando Expo React Native

por
Cargar un vídeo desde assets (local) usando Expo React Native

Tiempo de lectura: 2 minutos Para cargar un video desde un archivo local almacenado en assets/videos/video_1.mp4, puedes usar el componente Video de la librería expo-av. 1. Instala las dependencias necesarias Si no tienes la librería expo-av instalada, puedes añadirla a tu proyecto con: 2. Organiza los archivos en tu proyecto Guarda tu archivo de video en assets/videos/video_1.mp4. Asegúrate de que … Leer más

Implementar un método para obtener text/event-stream de un LLm usando React Native

por
Implementar un método para obtener text/event-stream de un LLm usando React Native

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos obtener un stream de datos de un LLm usando React Native. Por defecto React Native no permite obtener un text/event-stream usando librerías como Axios o Fetch. Para obtenerlo vamos a usar la librería react-native-sse que maneja event source. Una vez instalada vamos a implementar nuestro código. Tenemos que tener … Leer más

Utilizar Xcode con Expo en React Native usando la consola de comandos de MAC

por
Utilizar Xcode con Expo en React Native usando la consola de comandos de MAC

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos utilizar Xcode de nuestro MAC de forma remota por línea de comandos. Primero debemos asegurarnos qué tenemos Xcode instalado en nuestro MAC. Ahora vamos a preparar todo el entorno. Seleccionar la versión de Xcode Verificamos que está seleccionada: Instalamos las herramientas de línea de comandos de xcode. Instalamos cocoapods … Leer más