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

Solucionar error: Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE be specified when creating a PendingIntent. En Android al generar APK o ejecutar.

Solucionar error: Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE be specified when creating a PendingIntent. En Android al generar APK o ejecutar.

Tiempo de lectura: < 1 minuto Si al generar nuestra APK o ejecutarla nos aparece el siguiente error: Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE be specified when creating a PendingIntent. Se soluciona añadiendo lo siguiente. Y ya no nos aparecerá el error relacionado con actualizar a la versión target android 31. isMa Ingeniero en … Leer más

Solucionar error INSTALL_PARSE_FAILED_MANIFEST_MALFORMED al pasar a targetSDKVersion 31 en Android

Solucionar error INSTALL_PARSE_FAILED_MANIFEST_MALFORMED al pasar a targetSDKVersion 31 en Android

Tiempo de lectura: < 1 minuto Si al cambiar la versión objetiva de Android a la 31 nos aparece el error: Installation did not succeed.The application could not be installed: INSTALL_PARSE_FAILED_MANIFEST_MALFORMED Installation failed due to: ‘INSTALL_PARSE_FAILED_MANIFEST_MALFORMED: Failed parse during installPackageLI: /data/app/vmdl620487180.tmp/base.apk (at Binary XML file line #82): Tenemos que hacer lo siguiente: Quedando de la siguiente forma: isMa Ingeniero en Informática, … 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

Obtener localización en React Native y Expo

Obtener localización en React Native y Expo

Tiempo de lectura: 2 minutos Hoy os voy a enseñar cómo obtener localización utilizando React Native y Expo: Vamos a utilizar la librería expo-location (https://docs.expo.dev/versions/latest/sdk/location/) Primero la instalamos: Esta librería añade automáticamente los permisos en Android Manifest (necesarios para utilizar localización): Pero no añade el permiso para utilizar localización en segundo plano: ACCESS_BACKGROUND_LOCATION. Si queremos añadir ese permiso, tendremos que … Leer más

Crear un componente tipo Select (picker) en React Native

Crear un componente tipo Select (picker) en React Native

Tiempo de lectura: 2 minutos En el tutorial de React de hoy, os voy a enseñar cómo crear un select (combo o picker) dónde seleccionar distintas opciones. Lo primero que vamos a hacer es importar la librería que vamos a utilizar (react-native-picker-select): Una vez importada, vamos a crear el componente, primero hacemos el import: Una vez importado, vamos a crear … Leer más

Añadir color a un elemento BodyComponent usando Flame en Flutter

Añadir color a un elemento BodyComponent usando Flame en Flutter

Tiempo de lectura: 2 minutos En este tutorial os voy a explicar cómo podéis añadir colores a los elementos tipo BodyComponent de Flame Engine (https://examples.flame-engine.org) En este ejemplo voy a añadir un BodyComponent que representa una barra azul. Esto nos crea la siguiente figura en la pantalla: Para aplicarle un color, utilizaremos la librería de colores de flame engine package:flame/palette.dart … Leer más

Enviar un e-mail o realizar una llamada de teléfono desde tu APP en React Native

Enviar un e-mail o realizar una llamada de teléfono desde tu APP en React Native

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar a enviar un email o una llamada telefónica desde React Native. Para utilizar esta función vamos a importar la libería de Linking de react-native https://reactnative.dev/docs/linking Para implementar una llamada utilizaremos igual que en HTML la clave tel:numero_telefono Y para enviar un e-mail utilizaremos mailto:email isMa Ingeniero en Informática, me encanta … Leer más

Cómo añadir la función de compartir (share) en una app React Native

Cómo añadir la función de compartir (share) en una app React Native

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo añadir la función de compartir en una APP utilizando la función Share incluida en React Native. Lo primero de todo es importar la librería: Después añadimos la función para compartir en el Render de nuestra screen o component. Y ahora añadimos la acción para compartir en el componente o … Leer más