Añadir compras de aplicación (iOS/Android) en React Native

Añadir compras de aplicación (iOS/Android) en React Native

Tiempo de lectura: 6 minutos Hoy os voy a enseñar cómo agregar compras de aplicacion (APPPurcharses) en tu aplicación con React Native. Lo primero que vamos a hacer es instalar la dependencia que vamos a utilizar para agregar esta característica: react-native-iap Una vez instalada, vamos a configurar un componente para compras: Importamos los componentes y la libreria RNIap de react-native-iap. … Leer más

Solucionar error E_IAP_NOT_AVAILABLE con la librería react-native-iap en React Native

Solucionar error E_IAP_NOT_AVAILABLE con la librería react-native-iap en React Native

Tiempo de lectura: < 1 minuto Si os aparece el error E_IAP_NOT_AVAILABLE al inicializar la librería de react-native-iap (compras inAPP) hay que hacer lo siguiente. Para aprender cómo generar una APP de desarrollo nativo puedes usar este tutorial: Como crear un build development usando Expo EAS con React Native isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles … Leer más

Solucionar error Could not resolve project :react-native-iap al generar build dev con la librería react-native-iap en React Native de compras in APP

Solucionar error Could not resolve project :react-native-iap al generar build dev con la librería react-native-iap en React Native de compras in APP

Tiempo de lectura: 4 minutos Para solucionar el error Could not resolve project :react-native-iap al generar un build de desarrollo usando la librería react-native-iap tendremos que hacer lo siguiente: Al generar este build, se puede generar para la tienda de aplicaciones de Amazon o la de Google. Si no seleccionamos ninguna tienda nos aparecerá el siguiente error: Para solucionar el … Leer más

Generar carpetas de código nativo Android/iOS en React Native con Expo

Generar carpetas de código nativo Android/iOS en React Native con Expo

Tiempo de lectura: < 1 minuto Os voy a enseñar cómo generar las carpetas de Android/iOS con Expo en React Native. Para generar las carpetas que contienen el código nativo, tendremos que indicar lo siguiente. Para Android: Para iOS: Recuerda que para generar las de iOS, tienes que tener un Mac. isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas … Leer más

Crear un picker para Andorid/iOS usando React Native

Crear un picker para Andorid/iOS usando React Native

Tiempo de lectura: 2 minutos Os voy a enseñar cómo crear un componente picker en Android/iOS con React Native. Lo primero que tenemos que hacer es importar la librería react-native-picker-select Para importar esta librería, tenemos que ejecutar estos dos comandos (uno para la librería y otro para la dependencia): Una vez instalada, ya podemos crear el componente. Vamos a crear … Leer más

Como crear un build development usando Expo EAS con React Native

Como crear un build development usando Expo EAS con React Native

Tiempo de lectura: < 1 minuto Os voy a enseñar como crear una build de development usando EAS en React Native. Esta build nos sirve para poder ejecutar el proyecto si contiene código nativo, directamente sobre nuestro dispositivo e incluso realizar pruebas de depuración sobre la build. Primero tenemos que generar una build de desarrollo. Instalamos expo-dev-client Instalamos EAS siguiendo este … Leer más

Generar un APK o ABB (para publicar) con eas en Expo React Native

Generar un APK o ABB (para publicar) con eas en Expo React Native

Tiempo de lectura: 3 minutos Hoy os voy a enseñar cómo generar un APK o ABB usando eas en Expo React Native. Lo primero que vamos a hacer es instalar eas-cli: Una vez instalado, lanzamos el comando para actualizar: Y aparece esto: Seleccionamos lo que queremos configurar (iOS, Android o ambos). En mi caso selecciono ambos. Una vez configurado, la … Leer más

Abrir nueva ventana de la misma ruta en screen navigation con React Native

Abrir nueva ventana de la misma ruta en screen navigation con React Native

Tiempo de lectura: < 1 minuto Si queremos abrir la misma ruta con distintos parámetros usando navigator de React Native, nos damos cuenta de que si utilizamos la función: No nos abre una nueva ventana. Para que nos abra una nueva ventana usando la misma ruta, tenemos que poner: Espero que os sirva de ayuda. isMa Ingeniero en Informática, me encanta … Leer más

Cargar desde el final una FlatList para mostrar un chat en React Native

Cargar desde el final una FlatList para mostrar un chat en React Native

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podéis cargar una flatlist de forma invertida para mostrar una conversación (chat) con React Native. Estamos utilizando la librería de FlatList que viene con el paquete React Native. Para mostrar los elementos de forma invertida (que se carguen desde abajo y no desde arriba) tenemos que añadir la propiedad … Leer más

Desactivar efecto al pulsar en TouchableOpacity usando React Native

Desactivar efecto al pulsar en TouchableOpacity usando React Native

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podemos desactivar el efecto que aparece al utilizar TouchableOpacity con React Native. Cuando pulsamos en un elemento, realizar el siguiente efecto: A veces puede no ser adecuado para el diseño que se quiere crear. Para desactivarlo tendremos que añadir la siguiente propiedad al componente TouchabloOpacity: De esta forma queda: … Leer más