Curso Flutter App Copa América
Capitulo 5 ➜ Navegación Drawer
Navegación Drawer o Menu Lateral con Flutter
En esta quinta lección implementaremos el menu lateral de la App Copa América 2019, para ello usaremos Drawer, ListView, ListTile, onTap
En esta lección agregaremos un menu de navegación lateral a la App que estamos desarrollando, cuya finalidad es permitir la interaccción entre las diferentes secciones o pantallas de nuestra app, por ejemplo debe permitir ir del menu drawer item noticias hacia la pagina de Noticias y asu vez retornar.
Entonces empezemos Primero debemos modificar nuestro archivo menu.dart agregando la propiedad drawer debajo de appBar asu vez este contendrá una lista es decir un ListView la cual apilarà los widgets necesarios para el menu lateral.
QUE NUEVOS WIDGETS USAREMOS:
-
Drawer .- Navegación Lateral
-
UserAccountsDrawerHeader : Header del menu lateral
-
ListTile : Elementos o menu de opciones del Menu Lateral
CÓDIGO DE MENU LATERAL:
Implementamos un Widget llamado MenuLateral(), el cual tiene las siguientes líneas:
2124 visitas
« Capítulo 4 – Menu de opciones
Capítulo 6 – Llenar un ListView con JSON »
