Comienza con Flutter

Comienza con Flutter

Tiempo de lectura: 2 minutosFlutter es un marco de desarrollo de aplicaciones móviles de código abierto desarrollado por Google. Permite a los desarrolladores crear aplicaciones para iOS y Android con un único código base. Para comenzar a usar Flutter, primero necesitas descargar e instalar el kit de desarrollo de Flutter (SDK). Luego, puedes crear un nuevo proyecto en Flutter … Leer más

ERROR:D8: Cannot fit requested classes in a single dex file (# methods: 98082 > 65536) en Android Studio – Flutter

ERROR:D8: Cannot fit requested classes in a single dex file (# methods: 98082 > 65536) en Android Studio – Flutter

Tiempo de lectura: 2 minutosPara solucionar el siguiente error en un proyecto Flutter en Android Studio debes seguir los siguientes pasos: Siguiendo la ruta que muestro a continuación, nos situamos dentro del build.grandle Una vez dentro, tenemos que añadir la siguiente línea de código. Y unas líneas más abajo siguiendo dentro del build.grandle, dentro de dependencies y debajo de … Leer más

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Binding has not yet been initialized en Android Studio – Flutter

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Binding has not yet been initialized en Android Studio – Flutter

Tiempo de lectura: < 1 minutoPara solucionar este error trabajando con Flutter en un proyecto en Android Studio, tenéis que ir a la clase principal main.dart. Está clase es desde dónde arranca la aplicación con el método runApp(). Simplemente debéis añadir dentro del método runApp() la siguiente línea de código como muestro a continuación. Una vez añadida, ya se ejecuta … Leer más

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 minutosAl 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 color a un elemento BodyComponent usando Flame en Flutter

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

Tiempo de lectura: 2 minutosEn 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

Proyecto Flutter en VSCode

Proyecto Flutter en VSCode

Tiempo de lectura: 4 minutosHoy 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

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

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

Tiempo de lectura: < 1 minutoPara 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 minutosPara 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