Error al cargar una imagen con extensión svg (Flutter-dart): Failed to detect image file format using the file header – Invalid image data

Error al cargar una imagen con extensión svg (Flutter-dart): Failed to detect image file format using the file header – Invalid image data

Tiempo de lectura: 2 minutos Al intentar mostrar una imagen con extensión svg me he encontrado con el siguiente error: Lo solucioné agregando el paquete de flutter_svg El el archivo pubspec.yaml hay que añadir la ruta para la imagen que se quiere mostrar como se observa a continuación: En el proyecto, añadimos dentro de lib, una carpeta que se llame … Leer más

Añadir Permisos de Localización en React Native

Añadir Permisos de Localización en React Native

Tiempo de lectura: 2 minutos Buenas tardes, En el tutorial de hoy os voy a mostrar como poder activar los permisos de localización en nuestro dispositivo. Comenzamos En primer lugar importamos la API Dentro de nuestro componente añadimos la siguiente función que sera la encargada de activar los permisos de ubicación. En el botón llamamos a la función para que … 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, Investigador, me … 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

Proyecto Flutter en VSCode

Proyecto Flutter en VSCode

Tiempo de lectura: 4 minutos Hoy os voy a enseñar cómo abrir un proyecto Flutter en VSCode para trabajar en este entorno. Primero vamos a instalar Flutter SDK en nuestro PC: Vamos a la web oficial https://docs.flutter.dev/get-started/install/windows Elegimos la instalación correspondiente: Después se descomprime la carpeta flutter en el directorío dónde queramos instalarla (en mi caso C:/flutter): Una vez descomprimida, … Leer más

Solucionar error Could not find method compile() for arguments [com.facebook.react:react-native: X] al crear APK en React Native

Solucionar error Could not find method compile() for arguments [com.facebook.react:react-native: X] al crear APK en React Native

Tiempo de lectura: < 1 minuto Si al generar el APK aparece el siguiente error: Lo primero que tenemos que hacer es localizar el error que produce. En este caso indica que no encuentra el método compile en la librería de react-native-locale. Esto lo indica aquí: Para solucionar este error. Tenemos que abrir el archivo /node_modules/react-native-locale/android/build.gradle Y en la línea 23: … Leer más

Reproducir vídeos de Youtube sin YoutubeAPI (sin api key) en React Native

Reproducir vídeos de Youtube sin YoutubeAPI (sin api key) en React Native

Tiempo de lectura: 2 minutos Os voy a enseñar cómo podemos reproducir vídeos de Youtube, sin necesidad de utilizar la librería de Youtube para React Native. De esta forma no tendrás que añadir un API Key para reproducir vídeos. Lo primero de todo, tenemos que crear un Screen con un Webview. Para ello primero instalamos Webview: Una vez instalado, creamos … Leer más

Cómo recuperar contraseña olvidada con flutter y firebase

Cómo recuperar contraseña olvidada con flutter y firebase

Tiempo de lectura: < 1 minuto Para lograr resetear la contraseña de manera sencilla podemos lograrlo siguiendo los siguientes pasos. Primero crearemos el diseño de la pantalla recuperar contraseña donde añadiremos un cuadro de texto para introducir el email al cual se enviará el correo para establecer la contraseña, además, añadiremos un botón para realizar la acción de enviar. A continuación … Leer más

Crear ventana emergente de información, alerta con flutter

Crear ventana emergente de información, alerta con flutter

Tiempo de lectura: 2 minutos Para crear una ventana emergente, de alertas o información en flutter, es muy sencillo siguiendo los siguientes pasos: Primero crearemos el diseño de la ventana emergente: El código del Widget es el siguiente: Después hacemos la llamada a esta ventana emergente o Widget, donde vayamos a necesitarlo, cómo por ejemplo a consecuencia de púlsar un … Leer más

Añadir anuncios de Admob con React Native (Banner) – Monetiza tu APP

Añadir anuncios de Admob con React Native (Banner) – Monetiza tu APP

Tiempo de lectura: 2 minutos En este tutorial, os voy a enseñar cómo añadir un Banner de Admob usando React Native y Expo. Lo primero de todo es configurar un anuncio con Admob. Una vez configurado obtenemos los códigos (de APP y de Bloque) e instalamos la librería expo-ads-admob. Una vez instalada, creamos un nuevo componente que llamamos Banner (si … Leer más