¿Por qué usar React Native para tus aplicaciones móviles?

¿Por qué usar React Native para tus aplicaciones móviles?

Tiempo de lectura: 2 minutos ¡React Native es un marco de desarrollo de aplicaciones móviles creado por Facebook. Permite a los desarrolladores crear aplicaciones para iOS y Android utilizando un solo código base de JavaScript, lo que reduce significativamente el tiempo y el esfuerzo necesarios para desarrollar aplicaciones para ambas plataformas. 1. Reutilización de Código Una de las características más … Leer más

Forzar modo vertical en una APP Android o iOS (vale para React Native, Flutter, Kotlin y Java)

Forzar modo vertical en una APP Android o iOS (vale para React Native, Flutter, Kotlin y Java)

Tiempo de lectura: < 1 minuto Para asegurarte de que tu aplicación solo se muestre en modo vertical, puedes configurar la orientación de la pantalla tanto en Android como en iOS. Android iOS Código Dart para Flutter (opcional) Si deseas hacerlo directamente desde el código Dart, puedes usar el paquete flutter/services.dart: Con estas configuraciones, tu aplicación solo se mostrará en modo … Leer más

Solucionar «status: faltan metadatos» en las compras in app de una aplicación Apple

Solucionar «status: faltan metadatos» en las compras in app de una aplicación Apple

Tiempo de lectura: 2 minutos Si al crear nuestra primera compra en APP nos aparece: Tenemos que hacer lo siguiente: Ahora tendremos que añadir todos los datos necesarios para la revisión de la compra in APP: De esta forma estará lista para enviar. Tenemos que ir a la pagina principal de nuestra APP Apple y seleccionar la compra que queremos … Leer más

Crear un script para editar AndroidManifest.xml después de generar el build con React Native Expo para eliminar permisos.

Crear un script para editar AndroidManifest.xml después de generar el build con React Native Expo para eliminar permisos.

Tiempo de lectura: 3 minutos Hoy vamos a hacer un script que nos ayudará a editar el AndroidManifest.xml después de generar el build con React Native Expo para evitar permisos extras que añaden ciertas librerías. En mi caso quiero eliminar el permiso: Que añade automáticamente la librería de Expo Sensors. Para eliminarlo lo que haremos es generar un paso posterior … Leer más

Implementar Login de Google (Google sign) en React Native (también compatible con Expo)

Implementar Login de Google (Google sign) en React Native (también compatible con Expo)

Tiempo de lectura: 6 minutos Hoy vamos a aprender cómo podemos implementar Login de Google con Google Sign para React Native y que además es compatible con Expo. Vamos a utilizar la librería react-native-google-signin/google-signin Primero vamos a instalar la librería necesaria: Importante, para que la librería funcione debes tener una APP nativa. (Aquí te enseño cómo generar un build de … Leer más

Implementar enlaces profundos Deep Links o enlaces Universales con Expo en React Native

Implementar enlaces profundos Deep Links o enlaces Universales con Expo en React Native

Tiempo de lectura: 2 minutos Los enlaces profundos nos permiten abrir secciones de nuestra APP utilizando un link o url. Primero vamos a implementar los deep links en Android. Para ello: Vamos a app.json y añadimos: Suponiendo que la url que queremos abrir es https://myapp.com/main. Para obtener el contenido de la URL abierta añadimos dentro de nuestra pantalla de navegación … Leer más

There was a problem loading the project. Failed to connect en React Native

There was a problem loading the project. Failed to connect en React Native

Tiempo de lectura: 2 minutos Al intentar ejecutar una aplicación desarrollada en React Native en un dispositivo Android, me he encontrado con el siguiente error. Para solucionarlo, he ido a la configuración de red e Internet de mi ordenador, después he pulsado en ‘Estado’ como muestro en la siguiente imagen. A continuación pulsamos dónde estamos conectados para ir a la … Leer más

Eliminar backup automático de LocalStorage en Android / iOS con React Native Expo

Eliminar backup automático de LocalStorage en Android / iOS con React Native Expo

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos eliminar la opción de permitir backup en localstorage usando React Native. Por defecto Expo en React Native nos establece la opción de almacenar el localstorage en remoto: Para evitarlo tendremos que poner la opción de allowBackup a false. Para ello vamos a nuestro app.json y ponemos: Y ahora tendremos … Leer más

Detectar colisiones entre dos elementos en React Native

Detectar colisiones entre dos elementos en React Native

Tiempo de lectura: 4 minutos Hoy vamos a aprender cómo podemos detectar colisiones entre dos elementos usando React Native. Detectar colisiones es muy útil por si queremos realizar pequeños juegos con React Native incluso con Expo. Lo primero que haremos es tomar de referencia nuestro elemento del tutorial de Permitir arrastrar elementos por la pantalla en React Native DragComponent.tsx Y … Leer más