Inicio » Cursos » Flutter App Restaurant con Carrito

Curso Flutter App Restaurant con Carrito

Capitulo 10 ➜ Implementación de Provider

Implementación de Provider

Implementar la dependencia Provider para obtener reactividad

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

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,
                            )

 


1612 visitas

Sigue con el curso: Capítulo 11 – Notificaciones

Descarga el código del proyecto

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

Comprar

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