TUTORIALES DE FLUTTER

FLUTTER

Ejemplos de programación con el lenguaje Dart para desarrollar aplicaciones móviles con el SDK Flutter de Google tanto para IOS y Android, scripts y más

Botones en Flutter

Diseño e implementación de uno o varios botones widgets RaisedButton en Flutter, además veremos la forma de agregar estilos como color, tamaño de letra

Menu lateral Drawer en Flutter

Para implementar un Drawer usaremos el widget Drawer en el Scaffold declarándolo, esto para dar interactividad además agregaremos un menú de opciones.

Generar un APK en modo release

Para generar un APK en modo Release desarrollado con Flutter y el IDE Android Studio, es necesario crear un archivo key.properties y modificar el gradle.

Diseño de una Interfaz en Flutter

Para hacer una interfaz o pantalla con botones en Flutter debemos usar columnas y filas para obtener un menú de opciones en nuestra aplicación móvil

Eliminar cinta debug en Flutter

DebugShowChechedBanner, La cinta debug muestra el estado de la App que esta en modo debug, veremos el proceso para eliminar dicha cinta

Degradado en Flutter

Para obtener un degradado de dos colores usamos boxdecoration que tiene muchos parámetros para configurar un diseño apropiado.

Navegación entre interfaces en Flutter

Programación de un menu interactivo con botones e interfaces usando el SDK Flutter

Leer o parsear Json con Flutter

Para parsear JSON desde un servidor web usaremos el componente o dependencia http para conectarnos y extraer datos en formato JSON con el SDK Flutter

Centrar un Texto Vertical y Horizontal

Para centrar un texto debemos usar el widget Center() esto centrará vertical y horizontalmente al widget, más para su contenido usaremos textAlign.center

Primera App con Flutter

Desarrollo de la primera aplicación móvil el típico Hola Mundo con Flutter, un sdk desarrollado por Google producto del proyecto Fucsia

Instalación de Flutter en Android Studio

Para instalar necesitas acceso a internet, abrir la página oficial de Flutter y descargar el ZIP, luego lo descomprimes en una carpeta, veamos el proceso

Navegación Drawer interactiva

Crear pantallas con StalesWidget, implementación de la interactividad entre pantallas con el menu de opciones Drawer

Animación Wave en Flutter

Código de un efecto de beziers curved animado en Flutter tanto para IOS y Android, prueba y debug con Clipper

Bordes redondeados en Flutter

Diseñar bordes redondeados es sencillo si usamos el widget o componente decoration dentro del cual configuramos borderradius

Reducir el tamaño de un Apk

Para reducir el APK además de optimizar los contenidos y recursos también podemos usar los comandos en Flutter, si de 20mb a 7mb es considerable hacerlo.

Subir una imagen en Flutter con Laravel

Para enviar una imagen al servidor web debemos encodear a 64, preparar un servicio web el cual enviará y obtendrá una respuesta del servidor web

Cargar imágenes en Flutter JPG, GIF o SVG

Para cargar una imagen implementamos widgets y dependencias necesarias dependiendo si el recurso será de internet o local. Veamos ejemplos y aplicaciones

Cargar una url en Flutter

Para ello usamos el paquete url_launcher, además de un botón que es el que debe accionar el link mediante un evento click en la app.

Diseño de Splash Screen

Para diseñar un Splash Screen en Flutter debemos tocar código Android y IOS respectivamente en éste tutorial implementaremos para Android.

Diseño UI de interfaces

Para diseñar usaremos widgets básicos de forma sencilla, con un código claro para tus propios proyectos con el SDK Flutter solo implementaremos la UI

Animación Swipe con cambio de background

Diseño de una interfaz animada en Flutter usando Provider para cambiar el estado de un widget desde otro, Ejemplo con card de paises Perú, Bolivia, México.

Diseño de una pantalla de Login

Para diseñar una pantalla de Login en Flutter vamos a crear una clase con al menos dos widgets TextField y un botón FlatButton, veamos como programar.

Diseño de Menú en Flutter

Para diseñar un menú en Flutter con contenido dinámico es necesario crear una clase e inflar con datos para visualizarlo a través de un Gridview.builder

Animated Align Widget

En este artículo, explicaré una demostración del widget de alineación animada, puede modificar y experimentar una pequeña intro activada por un boton

Diseño de una pantalla Detalle

Para diseñar una pantalla de detalle en Flutter vamos a crear una clase e inflarla con datos para visualizarla en un Listview.builder con datos alternados

Ejemplos de programación con el lenguaje Dart para desarrollar aplicaciones móviles con el SDK Flutter de Google tanto para IOS y Android, scripts y más

© Todos los derechos reservados Codea App FullStack | Cursos de programación avanzados | 2020 - 2021