Esta es una aplicación para profundizar en los conceptos de diagramación de pantallas partiendo desde un estilo básico siguiendo este tutorial https://docs.flutter.dev/development/ui/layout/tutorial, ademas de continuar con el cursor de Fernando Herrera https://www.udemy.com/course/flutter-ios-android-fernando-herrera/. El proposito final es aprender a desarrollar aplicaciones móviles con Flutter y poder desplegarlas en sus respectivas tiendas.
Puede levantar el proyecto con visual studio code ejecutando comand + shift + P. Luego "Select Device".
Luego abre el archivo main.dart y presiona F5 o fn + F5 app.
Nota: es importante tener instalado todas las configuraciones necesarias para flutter
https://docs.flutter.dev/get-started/install
La app posee 3 pantallas donde se logra aprender como crear widgets en base a una imagen dada, cada pantalla presenta un diseño más avanzado que el anterior.
En el proyecto se han utilizado algunos paquetes de terceros que fueron de mucha ayuda para la construcción final.
A continuación encontrará la información sobre estos paquetes.
| Paquete | Explicación |
|---|---|
| cupertino_icons | Iconos de cupertino |
| Directorio | Explicación |
|---|---|
| assets | Contiene todas las imagenes png, svg o gif |
| android, ios, web | Contiene todas las configuraciones de la plataforma que genera flutter automáticamente |
| lib | Contiene toda la lógica de la aplicación |
Luego el directorio lib
| Directorio | Explicación |
|---|---|
| screens | Contiene todas las clases de cada pantalla de la app |
| widgets | Contiene todos los widgets personalizados que se reutilizan en distintas secciones de la app |
Simulator.Screen.Recording.-.iPhone.13.mini.-.2022-08-01.at.11.58.30.mp4
