Añadir una llamada POST en Flutter (dart)

Añadir una llamada POST en Flutter (dart)

Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender cómo podemos realizar una llamada POST con Flutter usando Dart. Con esta llamada podremos realizar llamadas remotas a nuestros recursos del servidor Back usando un api REST. Utilizaremos el paquete http para realizar la llamada de red. Paso 1: Agregar dependencias En el archivo pubspec.yaml, asegúrate de tener la siguiente … Leer más

Flutter en contenedor Docker Compose para ejecutar en navegador web

Flutter en contenedor Docker Compose para ejecutar en navegador web

Tiempo de lectura: < 1 minuto Hola, hoy vamos a ver cómo podemos utilizar un Docker Compose para ejecutar Flutter en el navegador web de la máquina anfitriona dónde se ejecuta Docker. Lo primero que vamos a hacer es crear el archivo docker-compose.yml y añadir este contenido: En ./ruta_app está la APP en Flutter o directorio de APP. El archivo flutter_arm … Leer más

Contenedor Docker Compose para ejecutar Flutter en ARM64

Contenedor Docker Compose para ejecutar Flutter en ARM64

Tiempo de lectura: < 1 minuto Hola, hoy vamos a ver cómo podemos ejecutar el entorno Flutter en un procesador ARM64 con Docker compose. Primero creamos un docker-compose.yml: En ./ruta_app podremos la carpeta de nuestra APP Flutter. Hemos creado un Docker file en la carpeta llamada Dockerfile. Creamos esa carpeta y añadimos lo siguiente en un archivo llamado flutter_arm Con esto, … Leer más

Personalizar un loader en Flutter – Dart

Personalizar un loader en Flutter – Dart

Tiempo de lectura: 2 minutos Voy a mostrar un ejemplo de cómo personalizar un loader para que aparezca en el momento que necesitemos cargar datos en nuestra aplicación. El elemento loader es el siguiente. Para customizar los colores y la anchura del elemento loader, debemos centrarnos en la siguiente parte del código. A continuación muestro el código completo. Espero que … Leer más

Barra de búsqueda y filtro en Flutter Dart

Tiempo de lectura: < 1 minuto Realizar una barra de búsqueda e ir filtrando una lista, es muy sencillo siguiendo los siguientes pasos: La lista de elementos que vamos a mostrar y filtrar es la siguiente A continuacón hay que crear el diseño de la barra de búsqueda. Por último agregamos el método que realizar el filtro en este caso se … Leer más

Cómo hacer un formulario de login fácil en Flutter Dart

Tiempo de lectura: < 1 minuto Para poder crear un formulario con validaciones en flutter, primero creamos los elementos dentro de la clase. Después creamos los elementos en el Widget Creamos una función para la acción que haya que realizar al pulsar el botón del formulario y los campos estén correctamente validados. Y por último, agrega el formulario en el Widget … Leer más

Crear entorno Flutter con Docker Compose para generar Builds de Web/Android/Linux

Crear entorno Flutter con Docker Compose para generar Builds de Web/Android/Linux

Tiempo de lectura: < 1 minuto Hola a tod@s, hoy vamos a ver cómo podemos crear un entorno Flutter mediante contenedores Docker que nos permitirá generar un Build de nuestro proyecto. Este entorno nos permitirá tanto desarrollar cómo generar un APK o web con nuestro proyecto Flutter. Lo primero que vamos a hacer es crear la imagen Docker Compose: Utilizamos la … Leer más

Solucionar error Target dart2js failed: Exception: Warning: The ‘dart2js’ entrypoint script is deprecated, please use ‘dart compile js’ instead. En Flutter

Solucionar error Target dart2js failed: Exception: Warning: The ‘dart2js’ entrypoint script is deprecated, please use ‘dart compile js’ instead. En Flutter

Tiempo de lectura: < 1 minuto Hoy vamos a ver como solucionar el siguiente error: Este error tiene que ver con la librería http sin actualizar, ya que tiene recursos deprecados. Para solucionarlo actualizamos esta librería a la última disponible: https://pub.dev/packages/http En mi caso pruebo y funciona con : Espero que les sirva de ayuda, feliz día. María www.linkedin.com/in/maria-gonzalez-aragon/

Solución de codificación UTF-8 al recibir datos haciendo una llamada GET usando Flutter – Dart

Solución de codificación UTF-8 al recibir datos haciendo una llamada GET usando Flutter – Dart

Tiempo de lectura: < 1 minuto Al realizar una llamada GET usando flutter y el lenguaje de programación Dart, me he topado con un error al intentar visualizar ciertos datos. El error de codificación se produce al recibir la información con algunos caracteres, y al mostrarlos en la interfaz de usuario, no se muestran correctamente. Para solucionar el error que muestro … Leer más