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.

    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

    Navegación entre interfaces en Flutter

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

    Degradado en Flutter

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

    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

    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

    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.

    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.

    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

    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

    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.

    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

    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

    ¿Qué es Flutter?

    Flutter es una multiplataforma orientada para el desarrollo de aplicaciones móviles muy atractivas visualmente y eficientes en el proceso de desarrollo. Es relativamente joven, donde con un solo código podemos generar aplicaciones para las dos tiendas más conocidas como son IOS y Android. 

    ¿Qué vas a encontrar aqui con respecto al desarrollo en Flutter?

    En esta sección encontrarás código fuente de casos o problemas que podrás solucionar en el desarrollo de aplicaciones móviles con el SDK de Flutter. Podrás descargar el código, copiarlo y usarlo, compartirlo para que mas personas se aúnen a la comunidad de desarrollo. Si deseas, aprender a desarrollar aplicaciones o deseas el modelo te puedo recomendar el curso de desarrollo de app para restaurant con carrito de compra vinculado a WhatsApp, puedes ver el temario en sección cursos de ésta página web.

    Flutter es fácil y simple de aprender

    Flutter es un entorno moderno de desarrollo, y es mucho más sencillo para crear aplicaciones móviles con él. Si ha utilizado Java, Swift o React Native, notarás cómo Flutter es diferente.

    Particularmente, nunca me gustó el desarrollo de aplicaciones móviles antes de comenzar a usar Flutter. Lo que me gusta de Flutter es que puedes crear una aplicación nativa sin muchas líneas de código.

    COMPATIBILIDAD

    Un aspecto a valorar en Flutter es la compatibilidad, en este sentido un punto que hay que destacar es que gracias a que los widgets y el renderizador para esos widgets son parte de tu aplicación y no de la plataforma, no vas a necesitar bibiliotecas compact. Las  aplicaciones van a funcionar de la misma forma en las versiones recientes del sistema operativo ( iOS 8.0 y posteriores y Android Jelly Bean y posteriores).

    Esto hace que se reduzca la necesidad de probar apps en versiones anteriores del sistema operativo, también es posible que sus apps funcionen en futuras versiones del sistema operativo.

    Hay que decir que existe cierta controversia en relación a que Flutter no utiliza los widgets nativos de la plataforma. Por ello algunos usuarios se preguntan si va a llevar tiempo que los widgets sean actualizados cuando cambie la apariencia de un widget existente o cuando salga una versión nueva de Android o IOS que soporte un nuevo tipo de widget.

    Códigos de programación en Flutter, PHP, Mysql, Javascript, Laravel, etc.

    Ver más códigos de programación

    Logo Codea App

    Develop your code

    Perú, México, Colombia, España, Venezuela, Argentina, Bolivia

    You Fb Tik Pin

    © Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020 - 2021