Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir una imagen SVG en React Native usando Expo. Lo primero que haremos es instalar las dependencias necesarias: Primero react-native-svg Y ahora instalamos react-native-svg-transformer Una vez instaladas tenemos que configurar react-native-svg-transformer. Para ello abrimos el archivo metro.config.js y añadimos: Y si usamos TypeScript tendremos que añadir este código dentro … Leer más
Tiempo de lectura: < 1 minuto Si nos encontramos con este error al intentar generar un apk de una aplicación en React Native SDK location not found Define a valid SDK location with an ANDROID_HOME environment variable or by setting the sdk.dir path in your project’s local properties file, debemos hacer lo siguiente para solucionarlo. Ahora crearemos un fichero llamado local.properties … Leer más
Tiempo de lectura: < 1 minuto Vamos a ver como configurar los estilos generales a una aplicación desarrollada en React Native. Para ello, en la pantalla dónde se establecen las diferentes pantallas y rutas, dentro del StackNavigator, añadiremos el screenOptions. El screenOptions, es un objeto que contiene las opciones de estilo y diseño para las pantallas en la navegación. Estas opciones … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos comunicar un Web creada con React con un WebView en React Native y además utilizaremos la función postMessage() de JavaScript. Esto es muy útil para poder realizar interfaces con web y poderlas implementar dentro de una APP. React Native Utilizaremos la librería react-native-webview La importamos: Lo primero que tenemos … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a solucionar el error Unknown compiler option ‘allowImportingTsExtensions’ que aparece cuando intentamos analizar un proyecto TypeScript con SonarQube y React. El error se encuentra en tsconfig.json del proyecto de React, se soluciona eliminando la siguiente línea: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo solucionar el error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; cuando intentamos analizar un proyecto React con TypeScript usando Sonarqube. Este error se localiza en el archivo tsconfig.json, ya que se incluye: Para solucionarlo pondremos: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos configurar ESLint para un proyecto que utiliza React y React Native y JavaScript o TypeScript. Nos permitirá reconocer los errores que aparecen en nuestro código y configurar el tipo de error que queremos. Lo primero de todo es instalar ESLint: Una vez instalado, lo instalamos en nuestro proyecto. Y … Leer más
Tiempo de lectura: < 1 minuto Hoy aprenderemos cómo podemos conectar nuestra aplicación desarrollada en React Native con un WebSocket usando la librería https://www.npmjs.com/package/react-native-websocket Configuración de la Aplicación React Native Asegúrate de reemplazar ws://localhost:8000/ws/1 con la URL de tu servidor FastAPI. o Visita http://localhost:3000 en tu navegador y verás la aplicación React Native. Puedes escribir mensajes, enviarlos y ver las respuestas … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender a solucionar un error que aparece al crear un nuevo proyecto con Expo y TypeScript. Este error es: Este error suele producirse por que el nombre del paquete es distitno entre app/build.gradle y nuestro proyecto expo en app.json Tenemos que abrir app/build.gradle y poner el proyecto con el nombre correcto, applicationId … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos crear un nuevo proyecto de React Native con Expo. Crear un nuevo proyecto con React Native, Expo y TypeScript es un proceso relativamente sencillo. Aquí tienes los pasos básicos que puedes seguir: Paso 1: Instalar Node.js y npm Asegúrate de tener Node.js y npm instalados en tu máquina. Puedes … Leer más
