Lección 4 del Curso App Restaurant con Carrito

Creación de la Pantalla Carta y Menú Drawer o menu lateral en Flutter | CURSO DE FLUTTER APP RESTAURANT CON CARRITO DE COMPRA [Parte 4]

Menu Lateral Drawer
Menu Lateral Drawer

Diseño de la pantalla Carta e implementación del menú Drawer

COMPRA ESTE CURSO

Y accede a todos los recursos y videos, explicación, scripts y descarga del código fuente disponible con la compra del curso

COMPRAR

Diseño de la pantalla carta, es aqui donde nos centraremos en el menu lateral o drawer de nuestra aplicación básicamente crearemos un menú de navegación sencillo para desplazarse entre las diferentes pantallas de nuesta app. En resumen:

Diseño de la pantalla carta, es aqui donde nos centraremos en el menu lateral o drawer de nuestra aplicación básicamente crearemos un menú de navegación sencillo para desplazarse entre las diferentes pantallas de nuesta app. En resumen:

  1. Crearemos la pantalla Carta StatefulWidget
  2. Implementación de un menu Drawer o menu lateral para nuestra app

Veamos parte del código fuente del Menu Drawer en Flutter


class menuLateral extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        children: <Widget>[
          ...
          InkWell(
            child: new ListTile(
              title: Text(
                "INICIO",
                style: TextStyle(color: Colors.amberAccent),
              ),
              leading: Icon(
                Icons.home,
                color: Colors.amber,
              ),
            ),
            onTap: () {
             
            },
          ),
          InkWell(
            child: new ListTile(
              title: Text(
                "CARTA",
                style: TextStyle(color: Colors.amberAccent),
              ),
              leading: Icon(
                Icons.airplay,
                color: Colors.amber,
              ),
            ),
            onTap: () {
              
            },
          ),
          InkWell(
            child: new ListTile(
              title: Text(
                "CARRITO",
                style: TextStyle(color: Colors.amberAccent),
              ),
              leading: Icon(
                Icons.add_shopping_cart,
                color: Colors.amber,
              ),
            ),
            onTap: () {},
          ),
          InkWell(
            child: new ListTile(
              title: Text(
                "RESTAURANT",
                style: TextStyle(color: Colors.amberAccent),
              ),
              leading: Icon(
                Icons.account_box,
                color: Colors.amber,
              ),
            ),
            onTap: () {},
          )
        ],
      ),
    );
  }
}

 


COMPRA ESTE CURSO

Y accede a todos los recursos y videos, explicación, scripts y descarga del código fuente disponible con la compra del curso

COMPRAR

224 visitas

Logo Codea App

Develop your code

© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020