Inicio » Cursos » Flutter App Copa América

Curso Flutter App Copa América

Lección: 5 ➜ Navegación Drawer

En esta quinta lección implementaremos el menu lateral de la App Copa América 2019, para ello usaremos Drawer, ListView, ListTile, onTap

Lección 5: Navegación Drawer

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:

Menú de Navegación Drawer

 

 


1873 visitas

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023