React Native

Solucionar error eas : No se puede cargar el archivo …\AppData\Roaming\npm\eas.ps1 no está firmado digitalmente. CategoryInfo : SecurityError: (:) [], PSSecurityException FullyQualifiedErrorId : UnauthorizedAccess

por
Solucionar error eas : No se puede cargar el archivo …\AppData\Roaming\npm\eas.ps1 no está firmado digitalmente. CategoryInfo : SecurityError: (:) [], PSSecurityException FullyQualifiedErrorId : UnauthorizedAccess

Tiempo de lectura: < 1 minuto Hola, hoy vamos a solucionar el error de ejecución de eas: Código: Este error ocurre al ejecutar un comando EAS sin tener permiso en todo el sistema. Para solucionarlo basta con ejecutar el siguiente comando en la consola: Y ya nos dejará ejecutar los comandos EAS. isMa Ingeniero en Informática, me encanta crear cosas o … Leer más

Indicar ruta de SDK en un proyecto Android (también React Native o expo)

por
Indicar ruta de SDK en un proyecto Android (también React Native o expo)

Tiempo de lectura: < 1 minuto Hola, hoy vamos a ver cómo indicar el SDK en un proyecto de Android o React Native. En el caso de React Native, vamos a la carpeta Android (en el caso de una APP nativa en Android, vamos al propio proyecto). Y creamos un archivo llamado local.properties y añadimos: Dónde pone usuario, indica tu usuario. … Leer más

Añadir context en React Native para reutilizar componentes en varias pantallas por ejemplo un Loader

por
Añadir context en React Native para reutilizar componentes en varias pantallas por ejemplo un Loader

Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender a añadir un context en React Native para reutilizar componentes en varias pantallas sin tener que repetir el componente. Lo primero que vamos a hacer es crear nuestro componente, en nuestro caso es un loader: Carpeta: componentes/loader.js Esto añade un loader usando la librería de React Native Paper. Tendremos que … Leer más

Realizar pruebas unitarias con React Native y Mocha

por
Realizar pruebas unitarias con React Native y Mocha

Tiempo de lectura: 2 minutos Hola, hoy vamos a ver cómo podemos realizar pruebas Unitarias usando Mocha en React Native. Lo primero que tenemos que hacer es instalar las dependencias para las pruebas: Crea un archivo de configuración para la cobertura de pruebas. Crea un archivo .nycrc en la raíz de tu proyecto y agrega el siguiente contenido: Esto configura … Leer más

Error al lanzar tu aplicación de React Native en Local (CommandError: No development build (com.nombre) for this project is installed. Please make and install a development build on the device first.)

por
Error al lanzar tu aplicación de React Native en Local (CommandError: No development build (com.nombre) for this project is installed. Please make and install a development build on the device first.)

Tiempo de lectura: 2 minutos Buenos dias, en el tutorial de hoy, os voy a poner como he solucionado un error que me ha ocurrido ya un par de veces y no lograba solucionar. Al ejecutar la aplicación en mi móvil de forma local como en cualquier móvil, se hace con el siguiente comando: Si todo es correcto teniendo todo … Leer más

Realizar testing en React Native usando Jest

por
Realizar testing en React Native usando Jest

Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender, como realizar testing usando Jest en React Native y Expo. Supongamos que tienes un componente de login llamado LoginScreen que contiene campos de entrada de usuario y contraseña, así como un botón de inicio de sesión. En primer lugar, asegúrate de tener Jest configurado en tu proyecto de React Native. … Leer más

Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

por
Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

Tiempo de lectura: 3 minutos Hola, hoy vamos a ver cómo podemos crear un contenedor Docker que genera Builds Android (APKs) de forma local usando React Native. Primero vamos a generar nuestro proyecto docker-compose.yml de la siguiente forma: Para generar la variable de entorno EXPO_TOKEN, debes hacer lo que indica Expo: https://docs.expo.dev/accounts/programmatic-access/ Web para generar tokens: https://expo.dev/accounts/[account]/settings/access-tokens Para ello vamos … Leer más

Refrescar pantalla al volver en React Native

por
Refrescar pantalla al volver en React Native

Tiempo de lectura: < 1 minuto Si queremos refrescar una pantalla al volver desde otra pantalla usando React Native, tenemos que hacer lo siguiente: Primero importamos react-navigation Después lo añadimos en nuestro render: Y dentro de React.useCallback, realizamos las llamadas que queramos refrescar. En [] podemos poner la variable que cambia al regresar de otra pantalla por ejemplo [codigo]. Otra opción … Leer más

Pasar una función a un componente y usar setState sin que se invoque automaticamente en React Native

por
Pasar una función a un componente y usar setState sin que se invoque automaticamente en React Native

Tiempo de lectura: 2 minutos A veces, cuándo queremos pasar una función a un método de un componente ya creado y necesitamos actualizar un onPress utilizando un setState, resulta que el método que hemos pasado se invoca antes de utilizar el onPress. Si queremos solucionar este problema, tendremos que hacer lo siguiente: Tenemos el siguiente componente botonCustom.js: Hemos creado una … Leer más

Añadir Google Admob ads a React Native y expo 47

por
Añadir Google Admob ads a React Native y expo 47

Tiempo de lectura: 6 minutos Hoy os voy a enseñar cómo añadir Google Admob Ads a la última versión de Expo y React Native disponible en febrero de 2023. Utilizaremos esta librería (https://docs.page/invertase/react-native-google-mobile-ads): Opcional: Si usas ios y quieres implementar Statick Frameworks añade esto a app.json e instala el plugin: Añadimos en app.json (al final del fichero) fuera de expo:{} … Leer más