Tiempo de lectura: 3 minutos Para cargar un archivo .env en un proyecto de React Native, es común usar la biblioteca react-native-dotenv o react-native-config, que te permite gestionar variables de entorno de manera eficiente. 1. Instalar las dependencias necesarias Ejecuta el siguiente comando en la terminal para instalar react-native-config en tu proyecto. Si estás usando Yarn: 2. Agregar las variables … Leer más
Tiempo de lectura: 3 minutos Vamos a profundizar en una característica fundamental de React Native: la recarga en vivo (live reloading) y la recarga en caliente (hot reloading). Recarga en Vivo y Recarga en Caliente Estas dos características mejoran significativamente la experiencia de desarrollo, permitiendo a los desarrolladores ver los cambios en su código casi instantáneamente, sin necesidad de recompilar … Leer más
Tiempo de lectura: 2 minutos La Arquitectura puente (bridge architecture) de React Native es una de las características más importantes y distintivas del marco. Permite la comunicación entre el código JavaScript y el código nativo (Objective-C, Swift para iOS, y Java, Kotlin para Android). Esta comunicación se lleva a cabo mediante un puente (bridge) que traduce y pasa mensajes entre … Leer más
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
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
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos mostrar información de idiomas de la APP usando Apple Store en iOS. En la sección de idiomas aparece: Para ello abrimos el Info.plist de nuestra APP y añadimos los idiomas que admite: En mi caso es inglés y español, recureda que si usas React Native o Flutter deberás añadir … Leer más
Tiempo de lectura: 2 minutos Si al crear nuestra primera compra en APP nos aparece: Tenemos dos formas de arreglarlo Añadiendo directamente una clave en app.json Mediante Xcode: 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 … Leer más
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
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
Tiempo de lectura: 4 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
