Inicio » Cursos » Flutter App Restaurant con Carrito

Curso Flutter App Restaurant con Carrito

Lección: 10 ➜ Implementación de Provider

Implementación de Provider | CURSO DE FLUTTER APP RESTAURANT CON CARRITO DE COMPRA [Part 10]

Lección 10: Implementación de Provider

Implementación del paquete provider en pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  provider: ^4.3.1

Modificamos el archivo main.dart

...
import 'package:provider/provider.dart';
import 'package:restaurant/carrito/Carrito.dart';
...
void main() => runApp(
  ChangeNotifierProvider(
    create: (context) => Carrito(),
    child: MyApp(),
  )
);

En en archivo pantallaCarta

  @override
  Widget build(BuildContext context) {
    return Consumer<Carrito>(builder: (context, carrito, child) {
      return DefaultTabController(
      ...
      )
   })
}

De la misma manera agregamos el siguiente código en el botón

 RaisedButton.icon(
                              onPressed: () {
                                setState(() {
                                  carrito.agregarItem(
                                      bebidas[index].id.toString(),
                                      bebidas[index].nombre,
                                      bebidas[index].precio,
                                      "1",
                                      bebidas[index].imagen,
                                      1);
                                });
                              },
                              shape: RoundedRectangleBorder(
                                  borderRadius:
                                      BorderRadius.all(Radius.circular(20.0))),
                              color: Colors.amberAccent,
                              textColor: Colors.red,
                              icon: Icon(Icons.add_shopping_cart),
                              label: Text("Agregar"),
                              elevation: 0,
                            )

 


1580 visitas

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Descargar ahora

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