Instalar entorno Flutter en Mac

Instalar entorno Flutter en Mac

Tiempo de lectura: < 1 minuto Hola, hoy vamos a instalar Flutter en Mac. Lo primero que tenemos que hacer es ir a la carpeta dónde queremos instalarlo, por ejemplo Documents. Y clonamos el proyecto usando este comando: O lo descargamos de aquí y lo descomprimimos en la ruta: Una vez clonado, tenemos que añadir la ruta a nuestra variable path … Leer más

Abrir PDF blob base64 (enviado de servidor) en Web o Móvil usando Flutter

Abrir PDF blob base64 (enviado de servidor) en Web o Móvil usando Flutter

Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender cómo podemos abrir un archivo PDF enviado desde un API REST a nuestra APP Flutter. Lo primero que vamos a hacer es instalar la librería de PDF para móvil en el pubspec.yaml Para instalar la librería utiliza: Ahora vamos a crear un Widget que reciba el archivo PDF en Base64. … Leer más

Obtener la plataforma en la que se ejecuta nuestra APP Flutter, web, iOS, Windows, Linux

Obtener la plataforma en la que se ejecuta nuestra APP Flutter, web, iOS, Windows, Linux

Tiempo de lectura: < 1 minuto Hola, hoy vamos a verificar la plataforma en la que ejecutamos nuestra APP Flutter. Para detectar si es Android/iOS/Linux/Windows : Importamos Y podemos utilizar este if para verificar la plataforma: Y para saber si se ejecuta en Movil/Web: Importamos: Y utilizamos este if isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y … Leer más

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Tiempo de lectura: < 1 minuto Para ejecutar una aplicación Flutter en la web, puedes seguir los siguientes pasos. Primero abre una terminal o línea de comandos en el directorio raíz de tu proyecto Flutter. Después ejecuta el siguiente comando para habilitar la funcionalidad de Flutter para la web: A continuación, ejecuta el siguiente comando para iniciar tu aplicación Flutter en … Leer más

Instalar Flutter en Mac

Instalar Flutter en Mac

Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender cómo podemos instalar Flutter en Mac. Primero abrimos un terminal y creamos una carpeta nueva para instalar flutter Ahora descargamos usando git el repositorio de flutter Y creamos la variable de flutter, para ello hacemos pwd para ver el directorio actual En <user> aparece nuestro usuario de sistema. Ahora creamos … Leer más

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