Tiempo de lectura: 2 minutosLa optimización de imágenes es un punto muy importante a la hora de desarrollar una APP. Con la librería react-native-fast-image conseguiremos cargar las imágenes de forma rápida y sencilla. Lo primero que haremos es instalar esta librería: Una vez instalada, vamos a crear un componente que nos permitirá cargar cualquier tipo de imagen usando esta … Leer más
Tiempo de lectura: 2 minutosHoy vamos a aprender cómo podemos internacionalizar y añadir multi lenguaje a una APP en React Native y usando TypeScript. Lo primero que haremos es instalar i18n: Una vez instalado, creamos una carpeta llamada language y dentro creamos un archivo i18next.ts Este archivo determinará automáticamente el idioma seleccionado en el dispositivo. El idioma por defecto … Leer más
Tiempo de lectura: < 1 minutoHoy vamos a solucionar el siguiente error: A problem occurred evaluating project ‘:expo’. A problem occurred configuring project ‘:expo-modules-core’.[CXX1416] Could not find Ninja on PATH or in SDK CMake bin folders. Este error ocurre cuando queremos generar el build de desarrollo con Expo: Para solucionar este error, tenemos que ir al SDK manager de Android … Leer más
Tiempo de lectura: 2 minutosHoy 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 minutoSi 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 minutoVamos 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 minutoHoy 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 minutoHoy 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, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor … Leer más
Tiempo de lectura: < 1 minutoHoy 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, Investigador, me encanta crear cosas o arreglarlas y … Leer más
Tiempo de lectura: 3 minutosHoy 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
