Lección 9 del Curso App Restaurant con Carrito

Mostrar Carta platos, bebidas, postres | CURSO FLUTTER APP RESTAURANT CON CARRITO DE COMPRA [Part 9]

Mostrar la carta

¿Cómo mostrar productos desde una clase en Flutter? App Restaurant

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

En nuestra pantalla Carta debemos mostrar los productos del menu del restaurant que son tres:

  1. Platos
  2. Bebidas
  3. Postres

Implementamos un gridView para mostrar una columna de 2 elementos, recorremos la clase Items con platos, bebidas y postres.

Entonces ya podemos hacer uso de la clase Carta para esto veamos parte del código en Dart como:

Container(
                padding: EdgeInsets.all(10),
                child: GridView.builder(
                    itemCount: platos.length,
                    gridDelegate: ...,
                        crossAxisSpacing: 10,
                        mainAxisSpacing: 2),
                    itemBuilder: (context, index) {
                      return Container(
                        margin: EdgeInsets.all(5),
                        padding: EdgeInsets.all(5),
                        decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(10),
                            boxShadow: [
                              BoxShadow(
                                  color: Color(0x000005cc),
                                  blurRadius: 30,
                                  offset: Offset(10, 10))
                            ]),
                        child: Column(
                          children: <Widget>[
                            Image.asset("assets/img/" + platos[index].imagen),
                            Text(
                              platos[index].nombre,
                              style: TextStyle(fontWeight: FontWeight.bold),
                            ),
                            Padding(
                              padding: EdgeInsets.only(top: 20),
                              child: Text(
                                "S/." + platos[index].precio.toString(),
                                style: TextStyle(fontSize: 16),
                              ),
                            ),
                            RaisedButton.icon(
                              onPressed: () {
                               
                              },
                              ....
                            )
                          ],
                        ),
                      );
                    }),
              ),

Vemos que esto puede estar bien para un tabbarview pero tenemos dos más, pues  se implementa de la misma manera pero cambiando la variable platos por postres y bebidas.


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

256 visitas

Logo Codea App

Develop your code

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