Inicio » Cursos » Flutter App Copa América

Navegación Drawer | Curso Flutter App Copa América

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

 

 


1655 visitas

Curso Flutter App Copa América

Curso Flutter App Copa América

Descarga el código fuente del proyecto

GRATIS 0.00


COMPRAR CURSO

Codea App
Codea App FullStack

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

You Fb Tik Pin

© Todos los derechos reservados Codea App | Cursos de programación | 2020 - 2022