Scribd
Cargar
17 vistas5 páginas

PDM-II Flutter Lab 1

El documento describe el uso del widget BottomNavigationBar en Flutter para crear una barra de navegación inferior, recomendando entre 3 y 5 ítems para una mejor usabilidad. También se presenta el Navigation Drawer, un panel lateral que permite acceder a diferentes secciones de una aplicación, destacando sus características y ventajas. Se proponen desafíos para agregar páginas y elementos al proyecto, fomentando la personalización y la adherencia a las pautas de diseño de Material Design.

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
17 vistas5 páginas

PDM-II Flutter Lab 1

El documento describe el uso del widget BottomNavigationBar en Flutter para crear una barra de navegación inferior, recomendando entre 3 y 5 ítems para una mejor usabilidad. También se presenta el Navigation Drawer, un panel lateral que permite acceder a diferentes secciones de una aplicación, destacando sus características y ventajas. Se proponen desafíos para agregar páginas y elementos al proyecto, fomentando la personalización y la adherencia a las pautas de diseño de Material Design.

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
Está en la página 1/ 5

SESION 1 Flutter Laboratorio

actividad 1
El BottomNavigationBar es un widget de Flutter que muestra una barra
Desafio propuesto 1 de navegación inferior con íconos y etiquetas, ideal para cambiar entre
Agrega 2 paginas mas al proyecto secciones principales de una app. ¡Perfecto para apps de tipo Instagram,
Spotify o tiendas
Y por ende tambien adiciona 2 items
Límites prácticos recomendados:
al BottomNavigationBar
Entre 3 y 5 ítems (lo ideal):
Es el estándar de diseño Material Design de Google.
Más de 5 ítems afectan la usabilidad en pantallas pequeñas.
Límite técnico real:
Puedes agregar tantos como quieras técnicamente (10, 15, etc.).
Pero se volverá poco práctico y antiestético.
Actividad 2

Navigation Drawer (o "cajón de navegación") es un panel lateral deslizable que se utiliza para
proporcionar acceso a diferentes secciones de una aplicación en Flutter. Es común en aplicaciones que
siguen el patrón Material Design y se activa mediante un gesto de deslizamiento o tocando el ícono de
menú (☰).
Características Principales
1. Menú Lateral Desplegable: Aparece desde el borde izquierdo (o derecho en RTL) de la pantalla.
2. Navegación entre Páginas: Permite acceder a diferentes pantallas o secciones de la app.
3. Personalizable: Puede contener encabezados, íconos, textos y elementos interactivos.
4. Accesible con Gestos: Se abre al deslizar desde el borde de la pantalla o al tocar el ícono de menú
en la AppBar.
Ventajas del Navigation Drawer
✅ Organiza la navegación en aplicaciones con múltiples pantallas.
✅ Ahorra espacio al ocultar opciones en un menú lateral.
✅ Sigue las pautas de Material Design, mejorando la experiencia de usuario.
✅ Altamente personalizable (íconos, colores, animaciones).
Actividad 3
Desafio propuesto 2
Al ejemplo anterior añadele 4 paginas y sus
corresponcientes elementos en el drawer, tambien que los
iconos sean diferentes para cada pagina

También podría gustarte