React

Solucionar error Define a valid SDK location with ANDROID_HOME en React Native / Expo Android

por
Solucionar error Define a valid SDK location with ANDROID_HOME en React Native / Expo Android

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo solucionar el error: A problem occurred evaluating project ‘:expo’. A problem occurred configuring project ‘:expo-modules-core’.Failed to notify project evaluation listener.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 at ‘C:\Users\user\Documents\projects\tickets_online\android\local.properties’.Could not get … Leer más

Conceptos básicos de React Native

por
Conceptos básicos de React Native

Tiempo de lectura: 2 minutos React Native es un framework de desarrollo de aplicaciones móviles que nos permite crear aplicaciones para Android y iOS utilizando JavaScript y el marco de trabajo React. Con React Native, podemos escribir código una vez y utilizarlo en ambas plataformas, lo que nos permite ahorrar tiempo y esfuerzo en el desarrollo de aplicaciones móviles. En … Leer más

Añadir notificaciones PUSH con Firebase para Android/iOS usando React Native y Expo

por
Añadir notificaciones PUSH con Firebase para Android/iOS usando React Native y Expo

Tiempo de lectura: 6 minutos Hola, hoy os voy a enseñar cómo añadir notificaciones PUSH para poder recibir mensajes en vuestros proyectos de React Native usando React Native Firebase Notifications. Lo primero de todo es registrar la APP en Firebase: En el caso de iOS: Ahora tenemos que abrir el proyecto con Xcode para añadir el módulo de notificaciones PUSH. … Leer más

Trabajar con VPN y React Native (expo) en Android/iOS

por
Trabajar con VPN y React Native (expo) en Android/iOS

Tiempo de lectura: < 1 minuto Os voy a enseñar cómo probar aplicaciones directamente en nuestro dispositivo Android/iOS que tenga VPN activado. Cuando intentamos ejecutar la aplicación desde local a un móvil con VPN activado, no nos encontrará la dirección para ejecutar. Para que funcione en un dispositivo remoto con VPN tendremos que inicializarlo poniendo –tunnel isMa Ingeniero en Informática, me … Leer más

Publicar una APP en APP Store (iOS) con React Native

por
Publicar una APP en APP Store (iOS) con React Native

Tiempo de lectura: 4 minutos Hoy os voy a enseñar, cómo publicar una APP en APP Store (iOS). Lo primero que tenemos que hacer es crear una cuenta de desarrollador de iOS (99$/año) https://developer.apple.com/account Una vez creada y validada, procedemos a crear la APP, vamos a Program resources y elegimos App Store Connect > Apps. Ahora vamos al título y … Leer más

Añadir Google Sign Auth inicio de sesión con Google en React Native y Expo

por
Añadir Google Sign Auth inicio de sesión con Google en React Native y Expo

Tiempo de lectura: 5 minutos Hoy vamos a aprender cómo podemos implementar la autenticación con Google para poder hacer inicio de sesión con una cuenta Google mediante Google Sign en nuestra APP de React Native. Teniendo nuestro proyecto React Native inicializado. Vamos a utilizar la librería (https://docs.expo.dev/versions/latest/sdk/auth-session/ ). Antes de nada abrimos app.json y añadimos los campos «name» y «slug«: … Leer más

Cambiar título de una pantalla en React Native (navigator)

por
Cambiar título de una pantalla en React Native (navigator)

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar, cómo podéis cambiar el título de la barra de acciones (action bar) en React Native: Añadiendo este código, se puede cambiar el título de la ventana actual. isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas … Leer más

Remplazar todos los Screen en React Navigation

por
Remplazar todos los Screen en React Navigation

Tiempo de lectura: < 1 minuto Para sustituir todas las pantallas de React Navigation (@react-navigation/native-stack) y cargar una sola, tendremos que añadir el siguiente código: Primero, obtenemos el hook navigation de un native-stack y le aplicamos un reset. Indicamos dónde queremos empezar (index: 0) y la ruta que queremos cargar (routes: [{ name: ‘Menu’ }]). isMa Ingeniero en Informática, me encanta … Leer más

Solucionar error requires setting the development team for each resource bundle target al generar dev build para iOS en React Native

por
Solucionar error requires setting the development team for each resource bundle target al generar dev build para iOS en React Native

Tiempo de lectura: < 1 minuto Cuando generamos una build de desarrollo para iOS en React Native puede que nos aparezca el siguiente error: Para poder solucionarlo tenemos que hacer lo siguiente: Y justo debajo añadimos: Con esto indicamos indicamos que no es necesario el código firmado. Quedando de la siguiente forma: Ahora ponemos los siguientes comandos: Y ya genera la … Leer más

Generar un Build Dev para iOS en React Native con Expo (EAS) APP Nativa

por
Generar un Build Dev para iOS en React Native con Expo (EAS) APP Nativa

Tiempo de lectura: 2 minutos Os voy a enseñar cómo generar un Build development para iOS usando EAS. Primero tenemos que generar el proyecto como se indica en este tutorial: Como crear un build development usando Expo EAS con React Native Ahora a llegar al paso de ejecutar: If you provide your Apple account credentials we will be able to … Leer más