Scribd
Cargar
54 vistas5 páginas

PDM-II Flutter Lab 5

El documento explica las diferencias entre los widgets 'Scaffold' y 'MaterialApp' en Flutter, destacando que 'Scaffold' se utiliza para construir pantallas individuales mientras que 'MaterialApp' configura la aplicación completa. Además, se menciona la necesidad de 'MaterialApp' para que 'Scaffold' funcione correctamente. Se incluyen actividades prácticas para crear una aplicación con múltiples pantallas y modularizar las screens.

Cargado por

Ruben Paredes
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
54 vistas5 páginas

PDM-II Flutter Lab 5

El documento explica las diferencias entre los widgets 'Scaffold' y 'MaterialApp' en Flutter, destacando que 'Scaffold' se utiliza para construir pantallas individuales mientras que 'MaterialApp' configura la aplicación completa. Además, se menciona la necesidad de 'MaterialApp' para que 'Scaffold' funcione correctamente. Se incluyen actividades prácticas para crear una aplicación con múltiples pantallas y modularizar las screens.

Cargado por

Ruben Paredes
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

SESION 5 Flutter Laboratorio

Actividad 1
fmain

Diferencias entre return Scaffold y return MaterialApp

Característica return Scaffold return MaterialApp


¿Qué es? Un widget de estructura visual. Un widget que configura toda la
aplicación.
¿Para qué se usa? Para construir una pantalla individual Para envolver toda la aplicación y
con una barra de app (AppBar), un definir temas, rutas y navegación.
cuerpo (body), y otros elementos.
¿Dónde se usa? Dentro de una home o route en En el [Link] como widget raíz.
MaterialApp.
¿Puede existir sin MaterialApp? ❌ No, necesita un MaterialApp para ✅ Sí, pero necesita un widget hijo
funcionar correctamente. como home.

CONCLUSIÓN

MaterialApp
Scaffold

Piensa en MaterialApp como la base y Scaffold como las páginas dentro de esa base.
Actividad 2 En base a la actividad 1 programa el siguiente ejemplo de app con 2
pantallas o screens.

continuacion
Actividad 3 Crea un nuevo proyecto en flutter con el objetivo de modularizar
las screens de nuestra App:

[Link]

Pagina
Principal
O
HomePage
MaterialPageRoute
Pagina 2
[Link]

Pagina 3
¿Qué es la pila de rutas?


Desafio propuesto

Crear este diseño y funcionalidad Crear este diseño y funcionalidad


en la pagina 2 en la pagina 3

También podría gustarte