Tiempo de lectura: < 1 minutoPara 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
Tiempo de lectura: 2 minutosHola, 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
Tiempo de lectura: 2 minutosHola, 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
Tiempo de lectura: < 1 minutoHola, 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
Tiempo de lectura: < 1 minutoHola, 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
Tiempo de lectura: 2 minutosVoy 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
Tiempo de lectura: < 1 minutoPrimero debemos añadir la dependencia provider dentro de pubspec.yaml Para modificar el tema de una aplicación muestro un ejemplo a continuación: Espero que les sirva de ayuda, feliz día! María www.linkedin.com/in/maria-gonzalez-aragon/
Tiempo de lectura: < 1 minutoRealizar 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
Tiempo de lectura: < 1 minutoPara 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
Tiempo de lectura: < 1 minutoHola 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
