Objetivo

Ejecutar correctamente la instalación y puesta a punto del paquete de desarrollo de Flutter para asegurar tu entorno de desarrollo y la ejecución de tus proyectos correctamente.

Descripción

En este tema trabajarás con el entorno de desarrollo de Flutter, que es un marco de trabajo de plataforma cruzada creado por Google, el cual permite desarrollar a la par aplicaciones móviles para el sistema operativo Android y para iOS.

Flutter, a pesar de ser relativamente joven, es un kit de desarrollo bastante completo que ofrece un gran soporte, así como una basta variedad de librerías y complementos, además de una enorme comunidad que suele ser muy activa, añadiendo valor agregado al entorno.

Haz clic para revisar la explicación.

Introducción al lenguaje de programación multiplataforma

Revisa los siguientes videos:

• Fernando Herrera. (2019, 29 de octubre). Flutter: Instalar Flutter en Windows [Archivo de video]. Recuperado de https://www.youtube.com/watch?v=pcchmeVAqwg
• Platzi. (2018, 3 de diciembre). Crea tu primer widget con Flutter | TUTORIAL de Flutter [Archivo de video]. Recuperado de https://www.youtube.com/watch?v=0kSDQsLAzew

Revisa las siguientes lecturas:

• Flutter. (s.f.). Introducción a los Widgets. Recuperado de https://esflutter.dev/docs/development/ui/widgets-intro
• Flutter. (s.f.). Layouts en Flutter. Recuperado de https://esflutter.dev/docs/development/ui/layout
• Flutter. (s.f.). Tutorial de layout. Recuperado de https://esflutter.dev/docs/development/ui/layout/tutorial

Objetivo

Instalar el entorno de desarrollo de Flutter para crear entornos y árboles de widgets.

Instrucciones

Sigue las instrucciones para instalar el entorno de desarrollo de Flutter:

1. Crea un nuevo proyecto de Flutter en VS Code desde la paleta de comandos y ejecuta el comando “New Flutter Project”. 
2. Revisa el código de ejemplo que provee Flutter y realiza la simulación en un dispositivo virtual Android. 
3. Analiza cómo se construye ese código y haz anotaciones pertinentes que enriquezcan tu conocimiento. Identifica cómo se forma el árbol de widgets y cómo se construye. Además, identifica la función main( ) el MaterialApp y Scaffold, que son las funciones widgets principales. 
4. Haz modificaciones dentro del widget Scaffold para construir diferentes árboles de widgets. Para ello, toma como guía el catálogo de widgets de la documentación oficial de widget.
   Posteriormente, dirígete hacia el apartado de widgets de layout (diseño) y toma por lo menos 10 combinaciones de diferentes. Identifica cómo los widgets se van transformando y permiten el diseño con diferentes pantallas. 
5. Simula en tu dispositivo virtual de Android con cada combinación de widgets (árbol de widgets) que realices y toma un pantallazo de cada una.
6. Elabora un reporte en el que te asegures de comentar todo el proceso detallado que seguiste para instalar tu entorno de desarrollo y realizar esta actividad. Asegúrate de incluir los pantallazos de las 10 combinaciones de widgets. Agrega tus conclusiones personales y las competencias que adquiriste en el proceso. 
7. Comenta tu código fuente con tus propias anotaciones para asegurar el concepto de widget.
8. Entrega en una carpeta comprimida el código fuente de tu actividad y un documento electrónico en PDF que incluya el reporte solicitado.

Checklist

• Ejecutar nuevos proyectos en VS Code en Flutter para iniciar la codificación de aplicaciones móviles.
• Implementar el concepto de widget para construir el diseño de las pantallas de la aplicación.